igniteui-webcomponents-charts
Version:
Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.
1,381 lines • 80.7 kB
JavaScript
import { __extends } from "tslib";
import { delegateCombine, delegateRemove } from "igniteui-webcomponents-core";
import { XamDataLegend } from "./XamDataLegend";
import { arrayFindByName, brushToString, stringToBrush, ensureBool, ensureEnum, initializePropertiesFromCss, NamePatcher, toSpinal, fromSpinal, enumToString, getAllPropertyNames } from "igniteui-webcomponents-core";
import { RegisterElementHelper } from "igniteui-webcomponents-core";
import { FontInfo } from "igniteui-webcomponents-core";
import { WebComponentRenderer } from "igniteui-webcomponents-core";
import { IgcHTMLElement } from "igniteui-webcomponents-core";
import { Thickness } from "igniteui-webcomponents-core";
import { DataAbbreviationMode_$type } from "igniteui-webcomponents-core";
import { DataLegendHeaderTimeMode_$type } from "igniteui-webcomponents-core";
import { DataLegendHeaderDateMode_$type } from "igniteui-webcomponents-core";
import { DataLegendUnitsMode_$type } from "igniteui-webcomponents-core";
import { DataLegendLabelMode_$type } from "igniteui-webcomponents-core";
import { DataLegendValueMode_$type } from "igniteui-webcomponents-core";
import { DataLegendLayoutMode_$type } from "igniteui-webcomponents-core";
import { DataLegendSummaryType_$type } from "igniteui-webcomponents-core";
import { IgcDataLegendSummaryEventArgs } from './igc-data-legend-summary-event-args';
import { IgcDataLegendStylingRowEventArgs } from './igc-data-legend-styling-row-event-args';
import { IgcDataLegendStylingColumnEventArgs } from './igc-data-legend-styling-column-event-args';
import { LegendItemBadgeShape_$type } from "igniteui-webcomponents-core";
var DataLegendStylingDefaults = {};
/**
* Represents data legend that displays information about each series including values and summaries.
*/
var IgcDataLegendComponent = /** @class */ /*@__PURE__*/ (function (_super) {
__extends(IgcDataLegendComponent, _super);
function IgcDataLegendComponent() {
var _this = _super.call(this) || this;
_this._wrapper = null;
_this._renderer = null;
_this._disconnected = false;
_this._implementation = null;
_this._settingAttributes = false;
_this._attached = false;
_this._queuedSetAttributes = [];
_this._updatingFromAttribute = false;
_this.__p = null;
_this._hasUserValues = new Set();
_this._stylingContainer = null;
_this._stylingParent = null;
_this._inStyling = false;
_this._calculateColumnSummary = null;
_this._calculateColumnSummary_wrapped = null;
_this._styleHeaderRow = null;
_this._styleHeaderRow_wrapped = null;
_this._styleGroupRow = null;
_this._styleGroupRow_wrapped = null;
_this._styleSeriesRow = null;
_this._styleSeriesRow_wrapped = null;
_this._styleSummaryRow = null;
_this._styleSummaryRow_wrapped = null;
_this._styleSeriesColumn = null;
_this._styleSeriesColumn_wrapped = null;
_this._styleSummaryColumn = null;
_this._styleSummaryColumn_wrapped = null;
if (_this._styling) {
NamePatcher.ensureStylablePatched(Object.getPrototypeOf(_this));
}
_this._implementation = _this.createImplementation();
_this._renderer = new WebComponentRenderer(_this, document, true, DataLegendStylingDefaults);
_this._container = _this._renderer.createElement("div");
_this._renderer.updateRoot(_this._container);
//this._renderer.rootWrapper.append(this._container);
_this._container.setStyleProperty("display", "block");
_this._container.setStyleProperty("width", "100%");
_this._container.setStyleProperty("height", "100%");
var root;
root = _this._container;
if (_this._container.getNativeElement() != null) {
root = _this._container.getNativeElement();
}
_this._wrapper = _this._renderer;
var dataLegend = _this.i;
_this._dataLegend = dataLegend;
_this._dataLegend.externalObject = _this;
dataLegend.provideContainer(_this._renderer);
dataLegend.notifySizeChanged();
_this._renderer.addSizeWatcher(function () {
_this._dataLegend.notifySizeChanged();
});
return _this;
}
Object.defineProperty(IgcDataLegendComponent.prototype, "height", {
get: function () {
return this._height;
},
set: function (value) {
this._height = value;
this.style.height = value;
this._dataLegend.notifySizeChanged();
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "width", {
get: function () {
return this._width;
},
set: function (value) {
this._width = value;
this.style.width = value;
this._dataLegend.notifySizeChanged();
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.disconnectedCallback = function () {
this._disconnected = true;
if (this.i) {
this.i.onDetachedFromUI();
}
};
IgcDataLegendComponent.prototype.connectedCallback = function () {
if (this._disconnected) {
this._disconnected = false;
if (this.i) {
this.i.onAttachedToUI();
}
return;
}
this.classList.add("ig-data-legend");
this.classList.add("igc-data-legend");
this.appendChild(this._renderer.rootWrapper.getNativeElement());
this._attached = true;
this.style.display = "block";
this.style.height = this._height;
this.style.width = this._width;
this._flushQueuedAttributes();
// supports themes or custom properties set in CSS
this._styling(this, this);
this.afterContentInit();
};
IgcDataLegendComponent.prototype.afterContentInit = function () {
this._dataLegend.notifySizeChanged();
};
// supports themes or custom properties set in CSS
IgcDataLegendComponent.prototype.updateStyle = function () {
this._styling(this, this);
};
IgcDataLegendComponent.prototype.createImplementation = function () {
return new XamDataLegend();
};
Object.defineProperty(IgcDataLegendComponent.prototype, "i", {
get: function () {
return this._implementation;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent._staticStyling = function (container, component, parent) {
var genericPrefix = "";
var typeName = (component.i ? component.i : component).$type.name;
if (typeName.indexOf("Xam") === 0) {
typeName = typeName.substring(3);
}
genericPrefix = toSpinal("DataLegend");
var additionalPrefixes = [];
var prefix = toSpinal(typeName);
additionalPrefixes.push(prefix + "-");
var b = (component.i ? component.i : component).$type.baseType;
while (b && b.name != "Object" &&
b.name != "Base" &&
b.name != "Control" &&
b.Name != "DependencyObject" &&
b.Name != "FrameworkElement") {
typeName = b.name;
if (typeName.indexOf("Xam") === 0) {
typeName = typeName.substring(3);
}
var basePrefix = toSpinal(typeName);
additionalPrefixes.push(basePrefix + "-");
b = b.baseType;
}
if (parent) {
var parentTypeName = parent.i.$type.name;
if (parentTypeName.indexOf("Xam") === 0) {
parentTypeName = parentTypeName.substring(3);
}
var parentPrefix = toSpinal(parentTypeName);
additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-");
additionalPrefixes.push(parentPrefix + "-" + prefix + "-");
}
initializePropertiesFromCss(container, component, genericPrefix + "-", new Set(), false, additionalPrefixes);
};
IgcDataLegendComponent.prototype.destroy = function () {
this.i.destroy();
this._wrapper.destroy();
};
Object.defineProperty(IgcDataLegendComponent.prototype, "target", {
//private desiredSizeChanged(width: number, height: number) {
// //this.style.minWidth = width + "px";
// //this.style.minHeight = height + "px";
// //if (this.width == undefined || this.width == '') {
// // this.style.width = width + "px";
// //}
// //if (this.height == undefined || this.height == '') {
// // this.style.height = height + "px";
// //}
// this._dataLegend.notifySizeChanged();
//}
/**
* Gets or sets the target for the data legend.
*/
get: function () {
var ret = this.i.target;
if (!ret) {
return ret;
}
if (ret.externalObject != null) {
ret = ret.externalObject;
}
return ret;
},
set: function (v) {
if (v && v._implementation) {
v = v._implementation;
}
this.i.target = v;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype._enqueueSetAttribute = function (attrName, attrValue) {
this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue });
};
IgcDataLegendComponent.prototype._flushQueuedAttributes = function () {
this._settingAttributes = true;
for (var i = 0; i < this._queuedSetAttributes.length; i++) {
this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue);
}
this._settingAttributes = false;
this._queuedSetAttributes.length = 0;
};
IgcDataLegendComponent.prototype._a = function (attrName, attrValue) {
if (this._updatingFromAttribute) {
return;
}
if (attrValue) {
attrValue = attrValue.toString();
}
this._settingAttributes = true;
attrName = toSpinal(attrName);
if (this._attached) {
this.setAttribute(attrName, attrValue);
}
else {
this._enqueueSetAttribute(attrName, attrValue);
}
this._settingAttributes = false;
};
Object.defineProperty(IgcDataLegendComponent, "observedAttributes", {
get: function () {
if (IgcDataLegendComponent._observedAttributesIgcDataLegendComponent == null) {
var names = getAllPropertyNames(IgcDataLegendComponent);
for (var i = 0; i < names.length; i++) {
names[i] = toSpinal(names[i]);
}
IgcDataLegendComponent._observedAttributesIgcDataLegendComponent = names;
}
return IgcDataLegendComponent._observedAttributesIgcDataLegendComponent;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.attributeChangedCallback = function (name, oldValue, newValue) {
if (this._settingAttributes) {
return;
}
var setName = fromSpinal(name);
this._updatingFromAttribute = true;
this[setName] = newValue;
this._updatingFromAttribute = false;
};
IgcDataLegendComponent.register = function () {
if (!IgcDataLegendComponent._isElementRegistered) {
IgcDataLegendComponent._isElementRegistered = true;
RegisterElementHelper.registerElement(IgcDataLegendComponent.htmlTagName, IgcDataLegendComponent);
}
};
Object.defineProperty(IgcDataLegendComponent.prototype, "actualBadgesVisible", {
/**
* Gets whether or not at least one badge is visible based on BadgesShape and setting of a row's IsVisble in StyleSeriesRow event
*/
get: function () {
return this.i.b0;
},
set: function (v) {
this.i.b0 = ensureBool(v);
this._a("actualBadgesVisible", this.i.b0);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "actualPixelScalingRatio", {
/**
* Gets the actual pixel scaling ratio used to affect the pixel density of the control.
* A higher scaling ratio will produce crisper visuals at the expense of memory. Lower values will cause the control to appear blurry.
*/
get: function () {
return this.i.cs;
},
set: function (v) {
this.i.cs = +v;
this._a("actualPixelScalingRatio", this.i.cs);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "isEmbeddedInDataTooltip", {
/**
* Gets or sets whether the legend is embedded in a DataTooltip
*/
get: function () {
return this.i.isEmbeddedInDataTooltip;
},
set: function (v) {
this.i.isEmbeddedInDataTooltip = ensureBool(v);
this._a("isEmbeddedInDataTooltip", this.i.isEmbeddedInDataTooltip);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "includedSeries", {
/**
* Gets or sets indexes, titles, or names of series to include in displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
* The ExcludedSeries property takes precedence over values of IncludedSeries property
*/
get: function () {
return this.i.includedSeries;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.includedSeries = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "excludedSeries", {
/**
* Gets or sets indexes, titles, or names of series to exclude from displaying in the data legend, e.g. "0, 1" or "Series1 Title, Series2 Title"
* The ExcludedSeries property takes precedence over values of IncludedSeries property
*/
get: function () {
return this.i.excludedSeries;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.excludedSeries = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "includedColumns", {
/**
* Gets or sets names of data columns or their labels to include in displaying in the data legend, e.g. "High, Low" or "H, L"
* The ExcludedColumns property takes precedence over values of IncludedColumns property
*/
get: function () {
return this.i.includedColumns;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.includedColumns = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "excludedColumns", {
/**
* Gets or sets names of data columns or their labels to exclude from displaying in the data legend, e.g. "High, Low" or "H, L"
* The ExcludedColumns property takes precedence over values of IncludedColumns property
*/
get: function () {
return this.i.excludedColumns;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.excludedColumns = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "shouldUpdateWhenSeriesDataChanges", {
/**
* Gets or sets whether the data legend should update when the series data is mutated.
*/
get: function () {
return this.i.b9;
},
set: function (v) {
this.i.b9 = ensureBool(v);
this._a("shouldUpdateWhenSeriesDataChanges", this.i.b9);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatAbbreviation", {
/**
* Gets or sets mode for abbreviating large numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.an;
},
set: function (v) {
this.i.an = ensureEnum(DataAbbreviationMode_$type, v);
this._a("valueFormatAbbreviation", enumToString(DataAbbreviationMode_$type, this.i.an));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatMaxFractions", {
/**
* Gets or sets maximum digits for formatting numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.cy;
},
set: function (v) {
this.i.cy = +v;
this._a("valueFormatMaxFractions", this.i.cy);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatMinFractions", {
/**
* Gets or sets minimum digits for formatting numbers displayed in the legend
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.cz;
},
set: function (v) {
this.i.cz = +v;
this._a("valueFormatMinFractions", this.i.cz);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatMode", {
/**
* Gets or sets the mode for displaying values in the data legend, e.g. Currency ($500.25), Decimal (500.25), Integer (500)
*/
get: function () {
return this.i.a5;
},
set: function (v) {
this.i.a5 = ensureEnum(DataLegendValueMode_$type, v);
this._a("valueFormatMode", enumToString(DataLegendValueMode_$type, this.i.a5));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatCulture", {
/**
* Gets or sets globalization culture when displaying values as currencies, e.g. use "en-GB" to display British pound symbol when the ValueFormatMode property is set to 'Currency' mode
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.e8;
},
set: function (v) {
this.i.e8 = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatCurrencyCode", {
/**
* Gets or sets the currency code used for displaying currency symbol next to values, e.g. USD for $, EUR for €
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.fa;
},
set: function (v) {
this.i.fa = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatUseGrouping", {
/**
* Gets or sets whether or not use grouping separator, e.g, 15,000 for 15000
* This property is ignored when setting ValueFormatSpecifiers or ValueFormatString properties
*/
get: function () {
return this.i.ca;
},
set: function (v) {
this.i.ca = ensureBool(v);
this._a("valueFormatUseGrouping", this.i.ca);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatString", {
/**
* Gets or sets the format string for values displayed in the data legend.
*/
get: function () {
return this.i.fg;
},
set: function (v) {
this.i.fg = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueFormatSpecifiers", {
/**
* Gets or sets the format specifiers to use with the ValueFormatString string.
*/
get: function () {
return this.i.ah;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.ah = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginBottom", {
get: function () {
return this.i.jf ? this.i.jf.bottom : NaN;
},
set: function (v) {
this.ensureValueRowMargin();
this.i.jf.bottom = +v;
this._a("valueRowMarginBottom", this.i.jf.bottom);
this.i.jf = this.i.jf;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginLeft", {
get: function () {
return this.i.jf ? this.i.jf.left : NaN;
},
set: function (v) {
this.ensureValueRowMargin();
this.i.jf.left = +v;
this._a("valueRowMarginLeft", this.i.jf.left);
this.i.jf = this.i.jf;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginRight", {
get: function () {
return this.i.jf ? this.i.jf.right : NaN;
},
set: function (v) {
this.ensureValueRowMargin();
this.i.jf.right = +v;
this._a("valueRowMarginRight", this.i.jf.right);
this.i.jf = this.i.jf;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowMarginTop", {
get: function () {
return this.i.jf ? this.i.jf.top : NaN;
},
set: function (v) {
this.ensureValueRowMargin();
this.i.jf.top = +v;
this._a("valueRowMarginTop", this.i.jf.top);
this.i.jf = this.i.jf;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureValueRowMargin = function () {
if (this.i.jf) {
return;
}
this.i.jf = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "valueRowVisible", {
/**
* Gets or sets whether to show series rows.
*/
get: function () {
return this.i.cb;
},
set: function (v) {
this.i.cb = ensureBool(v);
this._a("valueRowVisible", this.i.cb);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextWhenMissingData", {
/**
* Gets or sets text displayed when data column is missing a value, e.g. "no data"
*/
get: function () {
return this.i.fp;
},
set: function (v) {
this.i.fp = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextUseSeriesColors", {
/**
* Gets or sets whether to use series colors when displaying values in the legend
*/
get: function () {
return this.i.cc;
},
set: function (v) {
this.i.cc = ensureBool(v);
this._a("valueTextUseSeriesColors", this.i.cc);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginBottom", {
get: function () {
return this.i.jg ? this.i.jg.bottom : NaN;
},
set: function (v) {
this.ensureValueTextMargin();
this.i.jg.bottom = +v;
this._a("valueTextMarginBottom", this.i.jg.bottom);
this.i.jg = this.i.jg;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginLeft", {
get: function () {
return this.i.jg ? this.i.jg.left : NaN;
},
set: function (v) {
this.ensureValueTextMargin();
this.i.jg.left = +v;
this._a("valueTextMarginLeft", this.i.jg.left);
this.i.jg = this.i.jg;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginRight", {
get: function () {
return this.i.jg ? this.i.jg.right : NaN;
},
set: function (v) {
this.ensureValueTextMargin();
this.i.jg.right = +v;
this._a("valueTextMarginRight", this.i.jg.right);
this.i.jg = this.i.jg;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextMarginTop", {
get: function () {
return this.i.jg ? this.i.jg.top : NaN;
},
set: function (v) {
this.ensureValueTextMargin();
this.i.jg.top = +v;
this._a("valueTextMarginTop", this.i.jg.top);
this.i.jg = this.i.jg;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureValueTextMargin = function () {
if (this.i.jg) {
return;
}
this.i.jg = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextColor", {
/**
* Gets or sets the units text color.
*/
get: function () {
return brushToString(this.i.ix);
},
set: function (v) {
this.i.ix = stringToBrush(v);
this._a("valueTextColor", brushToString(this.i.ix));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "valueTextStyle", {
/**
* Gets or Sets the style to use for the units text.
*/
get: function () {
if (this.i.bx == null) {
return null;
}
return this.i.bx.fontString;
},
set: function (v) {
var fi = new FontInfo();
fi.fontString = v;
this.i.bx = fi;
this._a("valueTextStyle", this.i.bx != null ? this.i.bx.fontString : "");
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerFormatString", {
/**
* Gets or sets the format string for header text displayed in the data legend.
*/
get: function () {
return this.i.dm;
},
set: function (v) {
this.i.dm = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerFormatSpecifiers", {
/**
* Gets or sets the format specifiers to use with the HeaderFormatString string.
*/
get: function () {
return this.i.ag;
},
set: function (v) {
if (v && !Array.isArray(v) && typeof (v) == "string") {
var re = /\s*(?:,|\s|$)\s*/gm;
v = v.split(re);
}
this.i.ag = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerFormatCulture", {
/**
* Gets or sets globalization culture applied to header only when it displays dates that are fetched from date/time axes
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get: function () {
return this.i.di;
},
set: function (v) {
this.i.di = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerFormatDate", {
/**
* Gets or sets date format for the header only when it displays dates that are fetched from date/time axes
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get: function () {
return this.i.ap;
},
set: function (v) {
this.i.ap = ensureEnum(DataLegendHeaderDateMode_$type, v);
this._a("headerFormatDate", enumToString(DataLegendHeaderDateMode_$type, this.i.ap));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerFormatTime", {
/**
* Gets or sets time format for the header only when it displays dates that are fetched from date/time axes
* This property is ignored when setting HeaderFormatSpecifiers or HeaderFormatString properties
*/
get: function () {
return this.i.aq;
},
set: function (v) {
this.i.aq = ensureEnum(DataLegendHeaderTimeMode_$type, v);
this._a("headerFormatTime", enumToString(DataLegendHeaderTimeMode_$type, this.i.aq));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerText", {
/**
* Gets or sets the HeaderText for the data legend.
*/
get: function () {
return this.i.ds;
},
set: function (v) {
this.i.ds = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextColor", {
/**
* Gets or sets the header text color.
*/
get: function () {
return brushToString(this.i.io);
},
set: function (v) {
this.i.io = stringToBrush(v);
this._a("headerTextColor", brushToString(this.i.io));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginBottom", {
get: function () {
return this.i.i8 ? this.i.i8.bottom : NaN;
},
set: function (v) {
this.ensureHeaderTextMargin();
this.i.i8.bottom = +v;
this._a("headerTextMarginBottom", this.i.i8.bottom);
this.i.i8 = this.i.i8;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginLeft", {
get: function () {
return this.i.i8 ? this.i.i8.left : NaN;
},
set: function (v) {
this.ensureHeaderTextMargin();
this.i.i8.left = +v;
this._a("headerTextMarginLeft", this.i.i8.left);
this.i.i8 = this.i.i8;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginRight", {
get: function () {
return this.i.i8 ? this.i.i8.right : NaN;
},
set: function (v) {
this.ensureHeaderTextMargin();
this.i.i8.right = +v;
this._a("headerTextMarginRight", this.i.i8.right);
this.i.i8 = this.i.i8;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextMarginTop", {
get: function () {
return this.i.i8 ? this.i.i8.top : NaN;
},
set: function (v) {
this.ensureHeaderTextMargin();
this.i.i8.top = +v;
this._a("headerTextMarginTop", this.i.i8.top);
this.i.i8 = this.i.i8;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureHeaderTextMargin = function () {
if (this.i.i8) {
return;
}
this.i.i8 = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginBottom", {
get: function () {
return this.i.i7 ? this.i.i7.bottom : NaN;
},
set: function (v) {
this.ensureHeaderRowMargin();
this.i.i7.bottom = +v;
this._a("headerRowMarginBottom", this.i.i7.bottom);
this.i.i7 = this.i.i7;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginLeft", {
get: function () {
return this.i.i7 ? this.i.i7.left : NaN;
},
set: function (v) {
this.ensureHeaderRowMargin();
this.i.i7.left = +v;
this._a("headerRowMarginLeft", this.i.i7.left);
this.i.i7 = this.i.i7;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginRight", {
get: function () {
return this.i.i7 ? this.i.i7.right : NaN;
},
set: function (v) {
this.ensureHeaderRowMargin();
this.i.i7.right = +v;
this._a("headerRowMarginRight", this.i.i7.right);
this.i.i7 = this.i.i7;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowMarginTop", {
get: function () {
return this.i.i7 ? this.i.i7.top : NaN;
},
set: function (v) {
this.ensureHeaderRowMargin();
this.i.i7.top = +v;
this._a("headerRowMarginTop", this.i.i7.top);
this.i.i7 = this.i.i7;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureHeaderRowMargin = function () {
if (this.i.i7) {
return;
}
this.i.i7 = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "headerRowVisible", {
/**
* Gets or sets whether to show Header row.
*/
get: function () {
return this.i.b5;
},
set: function (v) {
this.i.b5 = ensureBool(v);
this._a("headerRowVisible", this.i.b5);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "headerTextStyle", {
/**
* Gets or Sets the style to use for the header text.
*/
get: function () {
if (this.i.bp == null) {
return null;
}
return this.i.bp.fontString;
},
set: function (v) {
var fi = new FontInfo();
fi.fontString = v;
this.i.bp = fi;
this._a("headerTextStyle", this.i.bp != null ? this.i.bp.fontString : "");
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowVisible", {
/**
* Gets or sets whether to show Header row.
*/
get: function () {
return this.i.b3;
},
set: function (v) {
this.i.b3 = ensureBool(v);
this._a("groupRowVisible", this.i.b3);
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextColor", {
/**
* Gets or sets the Group text color.
*/
get: function () {
return brushToString(this.i.im);
},
set: function (v) {
this.i.im = stringToBrush(v);
this._a("groupTextColor", brushToString(this.i.im));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginBottom", {
get: function () {
return this.i.i6 ? this.i.i6.bottom : NaN;
},
set: function (v) {
this.ensureGroupTextMargin();
this.i.i6.bottom = +v;
this._a("groupTextMarginBottom", this.i.i6.bottom);
this.i.i6 = this.i.i6;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginLeft", {
get: function () {
return this.i.i6 ? this.i.i6.left : NaN;
},
set: function (v) {
this.ensureGroupTextMargin();
this.i.i6.left = +v;
this._a("groupTextMarginLeft", this.i.i6.left);
this.i.i6 = this.i.i6;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginRight", {
get: function () {
return this.i.i6 ? this.i.i6.right : NaN;
},
set: function (v) {
this.ensureGroupTextMargin();
this.i.i6.right = +v;
this._a("groupTextMarginRight", this.i.i6.right);
this.i.i6 = this.i.i6;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextMarginTop", {
get: function () {
return this.i.i6 ? this.i.i6.top : NaN;
},
set: function (v) {
this.ensureGroupTextMargin();
this.i.i6.top = +v;
this._a("groupTextMarginTop", this.i.i6.top);
this.i.i6 = this.i.i6;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureGroupTextMargin = function () {
if (this.i.i6) {
return;
}
this.i.i6 = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginBottom", {
get: function () {
return this.i.i5 ? this.i.i5.bottom : NaN;
},
set: function (v) {
this.ensureGroupRowMargin();
this.i.i5.bottom = +v;
this._a("groupRowMarginBottom", this.i.i5.bottom);
this.i.i5 = this.i.i5;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginLeft", {
get: function () {
return this.i.i5 ? this.i.i5.left : NaN;
},
set: function (v) {
this.ensureGroupRowMargin();
this.i.i5.left = +v;
this._a("groupRowMarginLeft", this.i.i5.left);
this.i.i5 = this.i.i5;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginRight", {
get: function () {
return this.i.i5 ? this.i.i5.right : NaN;
},
set: function (v) {
this.ensureGroupRowMargin();
this.i.i5.right = +v;
this._a("groupRowMarginRight", this.i.i5.right);
this.i.i5 = this.i.i5;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "groupRowMarginTop", {
get: function () {
return this.i.i5 ? this.i.i5.top : NaN;
},
set: function (v) {
this.ensureGroupRowMargin();
this.i.i5.top = +v;
this._a("groupRowMarginTop", this.i.i5.top);
this.i.i5 = this.i.i5;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureGroupRowMargin = function () {
if (this.i.i5) {
return;
}
this.i.i5 = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "groupTextStyle", {
/**
* Gets or Sets the style to use for the Group text.
*/
get: function () {
if (this.i.bo == null) {
return null;
}
return this.i.bo.fontString;
},
set: function (v) {
var fi = new FontInfo();
fi.fontString = v;
this.i.bo = fi;
this._a("groupTextStyle", this.i.bo != null ? this.i.bo.fontString : "");
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextColor", {
/**
* Gets or sets the summary text color.
*/
get: function () {
return brushToString(this.i.is);
},
set: function (v) {
this.i.is = stringToBrush(v);
this._a("summaryTitleTextColor", brushToString(this.i.is));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextStyle", {
/**
* Gets or Sets the style to use for the summary text.
*/
get: function () {
if (this.i.bs == null) {
return null;
}
return this.i.bs.fontString;
},
set: function (v) {
var fi = new FontInfo();
fi.fontString = v;
this.i.bs = fi;
this._a("summaryTitleTextStyle", this.i.bs != null ? this.i.bs.fontString : "");
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryType", {
/**
* Gets or sets the SummaryType for the data legend.
*/
get: function () {
return this.i.a3;
},
set: function (v) {
this.i.a3 = ensureEnum(DataLegendSummaryType_$type, v);
this._a("summaryType", enumToString(DataLegendSummaryType_$type, this.i.a3));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleText", {
/**
* Gets or sets the SummaryTitleText for the data legend.
*/
get: function () {
return this.i.ej;
},
set: function (v) {
this.i.ej = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginBottom", {
get: function () {
return this.i.jb ? this.i.jb.bottom : NaN;
},
set: function (v) {
this.ensureSummaryTitleTextMargin();
this.i.jb.bottom = +v;
this._a("summaryTitleTextMarginBottom", this.i.jb.bottom);
this.i.jb = this.i.jb;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginLeft", {
get: function () {
return this.i.jb ? this.i.jb.left : NaN;
},
set: function (v) {
this.ensureSummaryTitleTextMargin();
this.i.jb.left = +v;
this._a("summaryTitleTextMarginLeft", this.i.jb.left);
this.i.jb = this.i.jb;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginRight", {
get: function () {
return this.i.jb ? this.i.jb.right : NaN;
},
set: function (v) {
this.ensureSummaryTitleTextMargin();
this.i.jb.right = +v;
this._a("summaryTitleTextMarginRight", this.i.jb.right);
this.i.jb = this.i.jb;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryTitleTextMarginTop", {
get: function () {
return this.i.jb ? this.i.jb.top : NaN;
},
set: function (v) {
this.ensureSummaryTitleTextMargin();
this.i.jb.top = +v;
this._a("summaryTitleTextMarginTop", this.i.jb.top);
this.i.jb = this.i.jb;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureSummaryTitleTextMargin = function () {
if (this.i.jb) {
return;
}
this.i.jb = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginBottom", {
get: function () {
return this.i.ja ? this.i.ja.bottom : NaN;
},
set: function (v) {
this.ensureSummaryRowMargin();
this.i.ja.bottom = +v;
this._a("summaryRowMarginBottom", this.i.ja.bottom);
this.i.ja = this.i.ja;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginLeft", {
get: function () {
return this.i.ja ? this.i.ja.left : NaN;
},
set: function (v) {
this.ensureSummaryRowMargin();
this.i.ja.left = +v;
this._a("summaryRowMarginLeft", this.i.ja.left);
this.i.ja = this.i.ja;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginRight", {
get: function () {
return this.i.ja ? this.i.ja.right : NaN;
},
set: function (v) {
this.ensureSummaryRowMargin();
this.i.ja.right = +v;
this._a("summaryRowMarginRight", this.i.ja.right);
this.i.ja = this.i.ja;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryRowMarginTop", {
get: function () {
return this.i.ja ? this.i.ja.top : NaN;
},
set: function (v) {
this.ensureSummaryRowMargin();
this.i.ja.top = +v;
this._a("summaryRowMarginTop", this.i.ja.top);
this.i.ja = this.i.ja;
},
enumerable: false,
configurable: true
});
IgcDataLegendComponent.prototype.ensureSummaryRowMargin = function () {
if (this.i.ja) {
return;
}
this.i.ja = new Thickness(2);
};
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryValueTextColor", {
/**
* Gets or sets the units text color.
*/
get: function () {
return brushToString(this.i.iu);
},
set: function (v) {
this.i.iu = stringToBrush(v);
this._a("summaryValueTextColor", brushToString(this.i.iu));
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryValueTextStyle", {
/**
* Gets or Sets the style to use for the units text.
*/
get: function () {
if (this.i.bu == null) {
return null;
}
return this.i.bu.fontString;
},
set: function (v) {
var fi = new FontInfo();
fi.fontString = v;
this.i.bu = fi;
this._a("summaryValueTextStyle", this.i.bu != null ? this.i.bu.fontString : "");
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryLabelText", {
/**
* Gets or sets the units text for the data legend.
*/
get: function () {
return this.i.ee;
},
set: function (v) {
this.i.ee = v;
},
enumerable: false,
configurable: true
});
Object.defineProperty(IgcDataLegendComponent.prototype, "summaryLabelTextColor", {
/**
* Gets or sets the units text color.
*/
get: function () {
return brushToString(this.i.ir);
},
set: function (v) {
this.i.ir = stringToBrush(v);
this._a("summaryLabelTextColor", brushToString(this.i.ir));
},
enumerable: false,
configurable: true
});
Object.defin