UNPKG

igniteui-webcomponents-charts

Version:

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

226 lines (225 loc) 8.48 kB
import { TypeRegistrar } from "igniteui-webcomponents-core"; import { TimeAxisBreak } from "./TimeAxisBreak"; import { getAllPropertyNames, fromSpinal, toSpinal, initializePropertiesFromCss } from "igniteui-webcomponents-core"; import { RegisterElementHelper } from "igniteui-webcomponents-core"; import { IgcHTMLElement } from "igniteui-webcomponents-core"; export let IgcTimeAxisBreakComponent = /*@__PURE__*/ (() => { class IgcTimeAxisBreakComponent extends IgcHTMLElement { get i() { return this._implementation; } onImplementationCreated() { } constructor() { super(); this._renderer = 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._implementation = this.createImplementation(); this._implementation.externalObject = this; this.onImplementationCreated(); } createImplementation() { return new TimeAxisBreak(); } _provideRenderer(renderer) { this._renderer = renderer; } static _createFromInternal(internal) { if (!internal) { return null; } if (!internal.$type) { return null; } let name = internal.$type.name; let externalName = "Igc" + name + "Component"; if (!TypeRegistrar.isRegistered(externalName)) { return null; } return TypeRegistrar.create(externalName); } _enqueueSetAttribute(attrName, attrValue) { this._queuedSetAttributes.push({ attrName: attrName, attrValue: attrValue }); } _flushQueuedAttributes() { this._settingAttributes = true; for (let i = 0; i < this._queuedSetAttributes.length; i++) { this.setAttribute(this._queuedSetAttributes[i].attrName, this._queuedSetAttributes[i].attrValue); } this._settingAttributes = false; this._queuedSetAttributes.length = 0; } _a(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; } 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 (IgcTimeAxisBreakComponent._observedAttributesIgcTimeAxisBreakComponent == null) { let names = getAllPropertyNames(IgcTimeAxisBreakComponent); for (let i = 0; i < names.length; i++) { names[i] = toSpinal(names[i]); } IgcTimeAxisBreakComponent._observedAttributesIgcTimeAxisBreakComponent = names; } return IgcTimeAxisBreakComponent._observedAttributesIgcTimeAxisBreakComponent; } attributeChangedCallback(name, oldValue, newValue) { if (this._settingAttributes) { return; } let setName = fromSpinal(name); this._updatingFromAttribute = true; this[setName] = newValue; this._updatingFromAttribute = false; } static register() { if (!IgcTimeAxisBreakComponent._isElementRegistered) { IgcTimeAxisBreakComponent._isElementRegistered = true; RegisterElementHelper.registerElement(IgcTimeAxisBreakComponent.htmlTagName, IgcTimeAxisBreakComponent); } } /** * The start time of the axis break. * * Use `Start` property for the start time of the axis break. */ get start() { return this.i.d; } set start(v) { this.i.d = v; } /** * The end time of the axis break. * * Use `End` property for the end time of the axis break. */ get end() { return this.i.c; } set end(v) { this.i.c = v; } /** * The interval at which to repeat this break, expressed as a TimeSpan. * * Use `Interval` property to se the interval at which to repeat this break, expressed as a TimeSpan. */ get interval() { return this.i.i; } set interval(v) { this.i.i = +v; this._a("interval", this.i.i); } findByName(name) { if (this.findEphemera) { if (name && name.indexOf("@@e:") == 0) { return this.findEphemera(name); } } return null; } get hasUserValues() { return this._hasUserValues; } __m(propertyName) { if (!this._inStyling) { this._hasUserValues.add(propertyName); } } _styling(container, component, parent) { if (this._inStyling) { return; } this._inStyling = true; this._stylingContainer = container; this._stylingParent = component; let genericPrefix = ""; let typeName = this.i.$type.name; if (typeName.indexOf("Xam") === 0) { typeName = typeName.substring(3); } genericPrefix = toSpinal("TimeAxisBreakComponent"); let additionalPrefixes = []; let prefix = toSpinal(typeName); additionalPrefixes.push(prefix + "-"); let b = this.i.$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); } let basePrefix = toSpinal(typeName); additionalPrefixes.push(basePrefix + "-"); b = b.baseType; } if (parent) { let parentTypeName = parent.i.$type.name; if (parentTypeName.indexOf("Xam") === 0) { parentTypeName = parentTypeName.substring(3); } let parentPrefix = toSpinal(parentTypeName); additionalPrefixes.push(parentPrefix + "-" + genericPrefix + "-"); additionalPrefixes.push(parentPrefix + "-" + prefix + "-"); } initializePropertiesFromCss(container, this, genericPrefix + "-", this.hasUserValues, false, additionalPrefixes); if (this._otherStyling) { this._otherStyling(container, component, parent); } this._inStyling = false; } } IgcTimeAxisBreakComponent._observedAttributesIgcTimeAxisBreakComponent = null; IgcTimeAxisBreakComponent.htmlTagName = "igc-time-axis-break"; IgcTimeAxisBreakComponent._isElementRegistered = false; return IgcTimeAxisBreakComponent; })();