@swimlane/ngx-charts
Version:
Declarative Charting Framework for Angular2 and beyond!
48 lines • 2.36 kB
JavaScript
;
var core_1 = require('@angular/core');
var LegendEntryComponent = (function () {
function LegendEntryComponent() {
this.isActive = false;
this.select = new core_1.EventEmitter();
this.activate = new core_1.EventEmitter();
this.deactivate = new core_1.EventEmitter();
this.toggle = new core_1.EventEmitter();
}
Object.defineProperty(LegendEntryComponent.prototype, "trimmedLabel", {
get: function () {
return this.formattedLabel || '(empty)';
},
enumerable: true,
configurable: true
});
LegendEntryComponent.prototype.onMouseEnter = function () {
this.activate.emit({ name: this.label });
};
LegendEntryComponent.prototype.onMouseLeave = function () {
this.deactivate.emit({ name: this.label });
};
LegendEntryComponent.decorators = [
{ type: core_1.Component, args: [{
selector: 'ngx-charts-legend-entry',
template: "\n <span \n [title]=\"formattedLabel\"\n tabindex=\"-1\"\n [class.active]=\"isActive\"\n (click)=\"select.emit(formattedLabel)\">\n <span\n class=\"legend-label-color\"\n [style.background-color]=\"color\"\n (click)=\"toggle.emit(formattedLabel)\">\n </span>\n <span class=\"legend-label-text\">\n {{trimmedLabel}}\n </span>\n </span>\n ",
changeDetection: core_1.ChangeDetectionStrategy.OnPush
},] },
];
/** @nocollapse */
LegendEntryComponent.ctorParameters = function () { return []; };
LegendEntryComponent.propDecorators = {
'color': [{ type: core_1.Input },],
'label': [{ type: core_1.Input },],
'formattedLabel': [{ type: core_1.Input },],
'isActive': [{ type: core_1.Input },],
'select': [{ type: core_1.Output },],
'activate': [{ type: core_1.Output },],
'deactivate': [{ type: core_1.Output },],
'toggle': [{ type: core_1.Output },],
'onMouseEnter': [{ type: core_1.HostListener, args: ['mouseenter',] },],
'onMouseLeave': [{ type: core_1.HostListener, args: ['mouseleave',] },],
};
return LegendEntryComponent;
}());
exports.LegendEntryComponent = LegendEntryComponent;
//# sourceMappingURL=legend-entry.component.js.map