UNPKG

igniteui-webcomponents-charts

Version:

Ignite UI Web Components charting components for building rich data visualizations using TypeScript APIs.

137 lines (135 loc) 5.28 kB
import { IgcAxisComponent } from "./igc-axis-component"; import { IgcAnnotationLayerComponent } from "./igc-annotation-layer-component"; import { CategoryToolTipLayer } from "./CategoryToolTipLayer"; import { getAllPropertyNames, toSpinal, ensureBool } from "igniteui-webcomponents-core"; import { RegisterElementHelper } from "igniteui-webcomponents-core"; /** * Represents an annotation layer that displays grouped tooltips for series that use a category axis. */ export let IgcCategoryToolTipLayerComponent = /*@__PURE__*/ (() => { class IgcCategoryToolTipLayerComponent extends IgcAnnotationLayerComponent { createImplementation() { return new CategoryToolTipLayer(); } /** * @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 (IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent == null) { let names = getAllPropertyNames(IgcCategoryToolTipLayerComponent); for (let i = 0; i < names.length; i++) { names[i] = toSpinal(names[i]); } IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent = names; } return IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent; } static register() { if (!IgcCategoryToolTipLayerComponent._isElementRegistered) { IgcCategoryToolTipLayerComponent._isElementRegistered = true; RegisterElementHelper.registerElement(IgcCategoryToolTipLayerComponent.htmlTagName, IgcCategoryToolTipLayerComponent); } } /** * Gets whether the series is an annotation layer displayed only when hovering over the chart. */ get isAnnotationHoverLayer() { return this.i.et; } /** * Gets whether the default tooltip behaviors for the chart are disabled if this layer is present. */ get isDefaultTooltipBehaviorDisabled() { return this.i.e4; } /** * Gets or sets the Axis to target this annotation to. If null, this annotation layer will not render content. */ get targetAxis() { const r = this.i.aaa; if (r == null) { return null; } if (!r.externalObject) { let e = IgcAxisComponent._createFromInternal(r); if (e) { e._implementation = r; } r.externalObject = e; } return r.externalObject; } set targetAxis(v) { if (v != null && this._stylingContainer && v._styling) v._styling(this._stylingContainer, this, this); v == null ? this.i.aaa = null : this.i.aaa = v.i; } /** * Gets or sets whether to use value interpolation when drawing the tooltips. */ get useInterpolation() { return this.i.aae; } set useInterpolation(v) { this.i.aae = ensureBool(v); this._a("useInterpolation", this.i.aae); } findByName(name) { var baseResult = super.findByName(name); if (baseResult) { return baseResult; } if (this.targetAxis && this.targetAxis.name && this.targetAxis.name == name) { return this.targetAxis; } return null; } _styling(container, component, parent) { super._styling(container, component, parent); this._inStyling = true; if (this.targetAxis && this.targetAxis._styling) { this.targetAxis._styling(container, component, this); } this._inStyling = false; } /** * Hides any tooltips presented by the layer, if any. */ hideToolTips() { this.i.p9(); } } IgcCategoryToolTipLayerComponent._observedAttributesIgcCategoryToolTipLayerComponent = null; IgcCategoryToolTipLayerComponent.htmlTagName = "igc-category-tool-tip-layer"; IgcCategoryToolTipLayerComponent._isElementRegistered = false; return IgcCategoryToolTipLayerComponent; })();