export var LegendBaseStyles = ["\n:host {\n    display: block;\n}\n.ui-chart-legend {\n  border: none;\n}\n.ui-chart-legend-item-text {\n  font-size: 12px;\n  font-family: \"Segoe UI\", Arial, sans-serif;\n}\n.ui-chart-legend-items-list\n{\n    padding: 0;\n    margin: 5px;\n}\n.ui-chart-legend-item-text\n{\n    vertical-align: middle;\n}\n.ui-chart-legend\n{\n    overflow: auto;\n}\n.ui-chart-legend-item-badge, .ui-chart-legend-item-badge canvas\n{\n    vertical-align: middle;\n}\n"];
/**
 * Represents the base class for a legend in IgxDataChartComponent.
*/
var IgxLegendBaseComponent = /** @class */ (function () {
    function IgxLegendBaseComponent() {
        this._zoneRunner = null;
        this._implementation = this.createImplementation();
        this._implementation.externalObject = this;
        this.onImplementationCreated();
    }
    Object.defineProperty(IgxLegendBaseComponent.prototype, "i", {
        get: function () {
            return this._implementation;
        },
        enumerable: true,
        configurable: true
    });
    IgxLegendBaseComponent.prototype.onImplementationCreated = function () {
    };
    Object.defineProperty(IgxLegendBaseComponent.prototype, "isItemwise", {
        /**
     * Gets if the legend is item-wise.
    */
        get: function () {
            return this.i.isItemwise;
        },
        enumerable: true,
        configurable: true
    });
    Object.defineProperty(IgxLegendBaseComponent.prototype, "isFinancial", {
        /**
         * Gets if the legend is a financial legend.
        */
        get: function () {
            return this.i.isFinancial;
        },
        enumerable: true,
        configurable: true
    });
    return IgxLegendBaseComponent;
}());
export { IgxLegendBaseComponent };
//# sourceMappingURL=igx-legend-base-component.js.map