UNPKG

ag-charts-community

Version:

Advanced Charting / Charts supporting Javascript / Typescript / React / Angular / Vue

83 lines 2.69 kB
var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) { var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d; if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc); else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r; return c > 3 && r && Object.defineProperty(target, key, r), r; }; import { Padding } from "./util/padding"; import { Text } from "./scene/shape/text"; import { PointerEvents } from "./scene/node"; import { Observable, reactive } from "./util/observable"; export class Caption extends Observable { constructor() { super(); this.node = new Text(); this.enabled = false; this.padding = new Padding(10); const node = this.node; node.textAlign = 'center'; node.textBaseline = 'top'; node.pointerEvents = PointerEvents.None; } set text(value) { if (this.node.text !== value) { this.node.text = value; this.fireEvent({ type: 'change' }); } } get text() { return this.node.text; } set fontStyle(value) { if (this.node.fontStyle !== value) { this.node.fontStyle = value; this.fireEvent({ type: 'change' }); } } get fontStyle() { return this.node.fontStyle; } set fontWeight(value) { if (this.node.fontWeight !== value) { this.node.fontWeight = value; this.fireEvent({ type: 'change' }); } } get fontWeight() { return this.node.fontWeight; } set fontSize(value) { if (this.node.fontSize !== value) { this.node.fontSize = value; this.fireEvent({ type: 'change' }); } } get fontSize() { return this.node.fontSize; } set fontFamily(value) { if (this.node.fontFamily !== value) { this.node.fontFamily = value; this.fireEvent({ type: 'change' }); } } get fontFamily() { return this.node.fontFamily; } set color(value) { if (this.node.fill !== value) { this.node.fill = value; this.fireEvent({ type: 'change' }); } } get color() { return this.node.fill; } } __decorate([ reactive('change') ], Caption.prototype, "enabled", void 0); __decorate([ reactive('change') ], Caption.prototype, "padding", void 0); //# sourceMappingURL=caption.js.map