plottable 3.9.0-dev-56-geb1f7fd → 3.9.0-dev-60-g2ae4d07

package/build/src/animators/easingAnimator.d.ts

@@ -7,8 +7,8 @@ import { AttributeToAppliedProjector, SimpleSelection } from "../core/interfaces
 import { IAnimator } from "./animator";
 export declare type EaseFn = (normalizedTime: number) => number;
 export declare const EaseName: {
-    circle: "circle";
     linear: "linear";
+    circle: "circle";
     quad: "quad";
     quadIn: "quadIn";
     quadOut: "quadOut";
@@ -163,5 +163,5 @@ export declare class Easing implements IAnimator {
     /**
      * Adjust the iterative delay, such that it takes into account the maxTotalDuration constraint
      */
-    private _getAdjustedIterativeDelay(numberOfSteps);
+    private _getAdjustedIterativeDelay;
 }

package/build/src/animators/easingAnimator.js

@@ -4,6 +4,7 @@
  * @license MIT
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Easing = exports.EaseName = void 0;
 var d3Ease = require("d3-ease");
 var coerceD3_1 = require("../utils/coerceD3");
 var makeEnum_1 = require("../utils/makeEnum");
@@ -46,7 +47,7 @@ var EASE_NAME_MAPPING = {
     elasticOut: d3Ease.easeElasticOut,
     elasticInOut: d3Ease.easeElasticInOut,
 };
-exports.EaseName = makeEnum_1.makeEnum([
+exports.EaseName = (0, makeEnum_1.makeEnum)([
     "linear",
     "quad",
     "quadIn",
@@ -107,7 +108,7 @@ var Easing = /** @class */ (function () {
     };
     Easing.prototype.animate = function (selection, attrToAppliedProjector) {
         var _this = this;
-        selection = coerceD3_1.coerceExternalD3(selection);
+        selection = (0, coerceD3_1.coerceExternalD3)(selection);
         var numberOfSteps = selection.size();
         var adjustedIterativeDelay = this._getAdjustedIterativeDelay(numberOfSteps);
         return selection.transition()

package/build/src/animators/index.js

@@ -5,5 +5,5 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./easingAnimator"), exports);
-tslib_1.__exportStar(require("./nullAnimator"), exports);
+(0, tslib_1.__exportStar)(require("./easingAnimator"), exports);
+(0, tslib_1.__exportStar)(require("./nullAnimator"), exports);

package/build/src/animators/nullAnimator.js

@@ -4,6 +4,7 @@
  * @license MIT
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Null = void 0;
 var coerceD3_1 = require("../utils/coerceD3");
 /**
  * An animator implementation with no animation. The attributes are
@@ -16,7 +17,7 @@ var Null = /** @class */ (function () {
         return 0;
     };
     Null.prototype.animate = function (selection, attrToAppliedProjector) {
-        selection = coerceD3_1.coerceExternalD3(selection);
+        selection = (0, coerceD3_1.coerceExternalD3)(selection);
         return selection.attrs(attrToAppliedProjector);
     };
     return Null;

package/build/src/axes/axis.d.ts

@@ -1,12 +1,17 @@
+/**
+ * Copyright 2014-present Palantir Technologies
+ * @license MIT
+ */
 import { Component } from "../components/component";
+import { LabelFontSizePx } from "../components/label";
 import { Formatter } from "../core/formatters";
 import { Point, SimpleSelection, SpaceRequest } from "../core/interfaces";
 import { Scale } from "../scales/scale";
 export declare const AxisOrientation: {
     left: "left";
-    right: "right";
     top: "top";
     bottom: "bottom";
+    right: "right";
 };
 export declare type AxisOrientation = keyof typeof AxisOrientation;
 export declare class Axis<D> extends Component {
@@ -41,6 +46,11 @@ export declare class Axis<D> extends Component {
     private static _ANNOTATION_LABEL_PADDING;
     protected _tickMarkContainer: SimpleSelection<void>;
     protected _tickLabelContainer: SimpleSelection<void>;
+    /**
+     * `protected` instead of `private` to accommodate time axes which draw their own label containers
+     * and need access to this value.
+     */
+    protected _tickLabelFontSize: LabelFontSizePx;
     protected _baseline: SimpleSelection<void>;
     protected _scale: Scale<D, number>;
     private _formatter;
@@ -73,7 +83,15 @@ export declare class Axis<D> extends Component {
      *
      * @param {Element} element
      */
-    tickLabelDataOnElement(element: Element): {};
+    tickLabelDataOnElement(element: Element): unknown;
+    /**
+     * Get the label font size in px.
+     */
+    tickLabelFontSize(): LabelFontSizePx;
+    /**
+     * Set the label font size.
+     */
+    tickLabelFontSize(fontSize: LabelFontSizePx): this;
     protected _computeWidth(): number;
     protected _computeHeight(): number;
     requestedSpace(offeredWidth: number, offeredHeight: number): SpaceRequest;
@@ -86,6 +104,7 @@ export declare class Axis<D> extends Component {
         height: number;
     };
     protected _setup(): void;
+    private _configureTickLabelContainer;
     protected _getTickValues(): D[];
     /**
      * Render tick marks, baseline, and annotations. Should be super called by subclasses and then overridden to draw
@@ -135,7 +154,7 @@ export declare class Axis<D> extends Component {
      */
     annotationTierCount(annotationTierCount: number): this;
     protected _drawAnnotations(): void;
-    private _annotatedTicksToRender();
+    private _annotatedTicksToRender;
     /**
      * Retrieves the size of the core pieces.
      *
@@ -143,7 +162,7 @@ export declare class Axis<D> extends Component {
      */
     protected _coreSize(): number;
     protected _annotationTierHeight(): number;
-    private _annotationToTier(measurements);
+    private _annotationToTier;
     protected _removeAnnotations(): void;
     protected _generateBaselineAttrHash(): {
         [key: string]: number;

package/build/src/axes/axis.js

@@ -4,16 +4,18 @@
  * @license MIT
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Axis = exports.AxisOrientation = void 0;
 var tslib_1 = require("tslib");
 var d3 = require("d3");
 var Typesettable = require("typesettable");
 var component_1 = require("../components/component");
+var label_1 = require("../components/label");
 var Formatters = require("../core/formatters");
 var Utils = require("../utils");
 var makeEnum_1 = require("../utils/makeEnum");
-exports.AxisOrientation = makeEnum_1.makeEnum(["bottom", "left", "right", "top"]);
+exports.AxisOrientation = (0, makeEnum_1.makeEnum)(["bottom", "left", "right", "top"]);
 var Axis = /** @class */ (function (_super) {
-    tslib_1.__extends(Axis, _super);
+    (0, tslib_1.__extends)(Axis, _super);
     /**
      * Constructs an Axis.
      * An Axis is a visual representation of a Scale.
@@ -24,6 +26,11 @@ var Axis = /** @class */ (function (_super) {
      */
     function Axis(scale, orientation) {
         var _this = _super.call(this) || this;
+        /**
+         * `protected` instead of `private` to accommodate time axes which draw their own label containers
+         * and need access to this value.
+         */
+        _this._tickLabelFontSize = label_1.Label._DEFAULT_FONT_SIZE_PX;
         _this._endTickLength = 5;
         _this._innerTickLength = 5;
         _this._tickLabelPadding = 10;
@@ -76,6 +83,18 @@ var Axis = /** @class */ (function (_super) {
         }
         return element === undefined ? undefined : d3.select(element).datum();
     };
+    Axis.prototype.tickLabelFontSize = function (fontSize) {
+        if (fontSize == null) {
+            return this._tickLabelFontSize;
+        }
+        else {
+            this._tickLabelFontSize = fontSize;
+            if (this._tickLabelContainer != null) {
+                this._configureTickLabelContainer();
+            }
+            return this.render();
+        }
+    };
     Axis.prototype._computeWidth = function () {
         // to be overridden by subclass logic
         return this._maxLabelTickLength();
@@ -94,7 +113,7 @@ var Axis = /** @class */ (function (_super) {
                 requestedHeight += tierHeight * this.annotationTierCount();
             }
         }
-        else {
+        else { // vertical
             requestedWidth = this._computeWidth() + this._margin;
             if (this.annotationsEnabled()) {
                 var tierHeight = this._annotationMeasurer.measure().height + 2 * Axis._ANNOTATION_LABEL_PADDING;
@@ -147,8 +166,7 @@ var Axis = /** @class */ (function (_super) {
         _super.prototype._setup.call(this);
         this._tickMarkContainer = this.content().append("g")
             .classed(Axis.TICK_MARK_CLASS + "-container", true);
-        this._tickLabelContainer = this.content().append("g")
-            .classed(Axis.TICK_LABEL_CLASS + "-container", true);
+        this._configureTickLabelContainer();
         this._baseline = this.content().append("line").classed("baseline", true);
         this._annotationContainer = this.content().append("g")
             .classed("annotation-container", true);
@@ -160,6 +178,15 @@ var Axis = /** @class */ (function (_super) {
         this._annotationMeasurer = new Typesettable.CacheMeasurer(typesetterContext);
         this._annotationWriter = new Typesettable.Writer(this._annotationMeasurer, typesetterContext);
     };
+    Axis.prototype._configureTickLabelContainer = function () {
+        if (this._tickLabelContainer == null) {
+            this._tickLabelContainer = this.content().append("g");
+        }
+        // clearing to remove outdated font-size classes
+        this._tickLabelContainer.attr("class", null)
+            .classed(Axis.TICK_LABEL_CLASS + "-container", true)
+            .classed("label-" + this._tickLabelFontSize, true);
+    };
     /*
      * Function for generating tick values in data-space (as opposed to pixel values).
      * To be implemented by subclasses.
@@ -639,7 +666,9 @@ var Axis = /** @class */ (function (_super) {
     };
     Axis.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);
-        this._annotationMeasurer.reset();
+        if (this._annotationMeasurer != null) {
+            this._annotationMeasurer.reset();
+        }
     };
     /**
      * The css class applied to each end tick mark (the line on the end tick).

package/build/src/axes/categoryAxis.d.ts

@@ -1,3 +1,8 @@
+/**
+ * Copyright 2014-present Palantir Technologies
+ * @license MIT
+ */
+import { LabelFontSizePx } from "../components/label";
 import { Point, SpaceRequest } from "../core/interfaces";
 import * as Scales from "../scales";
 import { Axis, AxisOrientation } from "./axis";
@@ -32,12 +37,12 @@ export declare class Category extends Axis<string> {
      * A Wrapper configured according to the other properties on this axis.
      * @returns {Typesettable.Wrapper}
      */
-    private readonly _wrapper;
+    private get _wrapper();
     /**
      * A Writer attached to this measurer and wrapper.
      * @returns {Typesettable.Writer}
      */
-    private readonly _writer;
+    private get _writer();
     /**
      * Constructs a Category Axis.
      *
@@ -126,13 +131,15 @@ export declare class Category extends Axis<string> {
      * Return the space required by the ticks, padding included.
      * @returns {number}
      */
-    private _tickSpaceRequired();
+    private _tickSpaceRequired;
     /**
      * Write ticks to the DOM.
      * @param {Plottable.Scales.Category} scale The scale this axis is representing.
      * @param {d3.Selection} ticks The tick elements to write.
      */
-    private _drawTicks(stepWidth, ticks);
+    private _drawTicks;
+    tickLabelFontSize(): LabelFontSizePx;
+    tickLabelFontSize(fontSize: LabelFontSizePx): this;
     /**
      * Measures the size of the tick labels without making any (permanent) DOM changes.
      *
@@ -141,7 +148,7 @@ export declare class Category extends Axis<string> {
      * @param {Plottable.Scales.Category} scale The scale this axis is representing.
      * @param {string[]} ticks The strings that will be printed on the ticks.
      */
-    private _measureTickLabels(axisWidth, axisHeight);
+    private _measureTickLabels;
     renderImmediately(): this;
     computeLayout(origin?: Point, availableWidth?: number, availableHeight?: number): this;
     invalidateCache(): void;

package/build/src/axes/categoryAxis.js

@@ -4,6 +4,7 @@
  * @license MIT
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Category = void 0;
 var tslib_1 = require("tslib");
 var d3 = require("d3");
 var Typesettable = require("typesettable");
@@ -11,7 +12,7 @@ var component_1 = require("../components/component");
 var Utils = require("../utils");
 var axis_1 = require("./axis");
 var Category = /** @class */ (function (_super) {
-    tslib_1.__extends(Category, _super);
+    (0, tslib_1.__extends)(Category, _super);
     /**
      * Constructs a Category Axis.
      *
@@ -47,7 +48,7 @@ var Category = /** @class */ (function (_super) {
             }
             return wrapper;
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Object.defineProperty(Category.prototype, "_writer", {
@@ -58,7 +59,7 @@ var Category = /** @class */ (function (_super) {
         get: function () {
             return new Typesettable.Writer(this._measurer, this._typesetterContext, this._wrapper);
         },
-        enumerable: true,
+        enumerable: false,
         configurable: true
     });
     Category.prototype._setup = function () {
@@ -233,6 +234,14 @@ var Category = /** @class */ (function (_super) {
             self._writer.write(self.formatter()(d), width, height, writeOptions, container.node());
         });
     };
+    Category.prototype.tickLabelFontSize = function (fontSize) {
+        if (fontSize == null) {
+            return _super.prototype.tickLabelFontSize.call(this);
+        }
+        // Resets the measurer to measure distances using the latest font size
+        this.invalidateCache();
+        return _super.prototype.tickLabelFontSize.call(this, fontSize);
+    };
     /**
      * Measures the size of the tick labels without making any (permanent) DOM changes.
      *
@@ -242,18 +251,19 @@ var Category = /** @class */ (function (_super) {
      * @param {string[]} ticks The strings that will be printed on the ticks.
      */
     Category.prototype._measureTickLabels = function (axisWidth, axisHeight) {
+        var _a;
         var _this = this;
         var thisScale = this._scale;
         // set up a test scale to simulate rendering ticks with the given width and height.
         var scale = thisScale.cloneWithoutProviders()
             .range([0, this.isHorizontal() ? axisWidth : axisHeight]);
-        var _a = this.getDownsampleInfo(scale), domain = _a.domain, stepWidth = _a.stepWidth;
+        var _b = this.getDownsampleInfo(scale), domain = _b.domain, stepWidth = _b.stepWidth;
         // HACKHACK: https://github.com/palantir/svg-typewriter/issues/25
         // the width (x-axis specific) available to a single tick label.
         var width = axisWidth - this._tickSpaceRequired(); // default for left/right
-        if (this.isHorizontal()) {
+        if (this.isHorizontal()) { // case for top/bottom
             width = stepWidth; // defaults to the band width
-            if (this._tickLabelAngle !== 0) {
+            if (this._tickLabelAngle !== 0) { // rotated label
                 width = axisHeight - this._tickSpaceRequired(); // use the axis height
             }
             // HACKHACK: Wrapper fails under negative circumstances
@@ -262,9 +272,9 @@ var Category = /** @class */ (function (_super) {
         // HACKHACK: https://github.com/palantir/svg-typewriter/issues/25
         // the height (y-axis specific) available to a single tick label.
         var height = stepWidth; // default for left/right
-        if (this.isHorizontal()) {
+        if (this.isHorizontal()) { // case for top/bottom
             height = axisHeight - this._tickSpaceRequired();
-            if (this._tickLabelAngle !== 0) {
+            if (this._tickLabelAngle !== 0) { // rotated label
                 height = axisWidth - this._tickSpaceRequired();
             }
             // HACKHACK: Wrapper fails under negative circumstances
@@ -284,13 +294,12 @@ var Category = /** @class */ (function (_super) {
         // If the tick labels are rotated, reverse usedWidth and usedHeight
         // HACKHACK: https://github.com/palantir/svg-typewriter/issues/25
         if (this._tickLabelAngle !== 0) {
-            _b = [usedHeight, usedWidth], usedWidth = _b[0], usedHeight = _b[1];
+            _a = [usedHeight, usedWidth], usedWidth = _a[0], usedHeight = _a[1];
         }
         return {
             usedWidth: usedWidth,
             usedHeight: usedHeight,
         };
-        var _b;
     };
     Category.prototype.renderImmediately = function () {
         var _this = this;
@@ -339,7 +348,9 @@ var Category = /** @class */ (function (_super) {
     };
     Category.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);
-        this._measurer.reset();
+        if (this._measurer != null) {
+            this._measurer.reset();
+        }
     };
     /**
      * How many pixels to give labels at minimum before downsampling takes effect.

package/build/src/axes/index.js

@@ -5,6 +5,6 @@
  */
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
-tslib_1.__exportStar(require("./categoryAxis"), exports);
-tslib_1.__exportStar(require("./numericAxis"), exports);
-tslib_1.__exportStar(require("./timeAxis"), exports);
+(0, tslib_1.__exportStar)(require("./categoryAxis"), exports);
+(0, tslib_1.__exportStar)(require("./numericAxis"), exports);
+(0, tslib_1.__exportStar)(require("./timeAxis"), exports);

package/build/src/axes/numericAxis.d.ts

@@ -1,3 +1,7 @@
+/**
+ * Copyright 2014-present Palantir Technologies
+ * @license MIT
+ */
 import { QuantitativeScale } from "../scales/quantitativeScale";
 import { Axis, AxisOrientation } from "./axis";
 export declare class Numeric extends Axis<number> {
@@ -17,8 +21,8 @@ export declare class Numeric extends Axis<number> {
     constructor(scale: QuantitativeScale<number>, orientation: AxisOrientation);
     protected _setup(): void;
     protected _computeWidth(): number;
-    private _computeExactTextWidth();
-    private _computeApproximateTextWidth();
+    private _computeExactTextWidth;
+    private _computeApproximateTextWidth;
     protected _computeHeight(): number;
     protected _getTickValues(): number[];
     protected _rescale(): void;
@@ -53,8 +57,8 @@ export declare class Numeric extends Axis<number> {
      * @returns {Axes.Numeric} The calling Axes.Numeric.
      */
     usesTextWidthApproximation(enable: boolean): this;
-    private _hideEndTickLabels();
-    private _hideOverlappingTickLabels();
+    private _hideEndTickLabels;
+    private _hideOverlappingTickLabels;
     /**
      * The method is responsible for evenly spacing the labels on the axis.
      * @return test to see if taking every `interval` recrangle from `rects`
@@ -65,6 +69,6 @@ export declare class Numeric extends Axis<number> {
      * from the tick and 2 * `padding` distance (or more) from the next tick:
      * see https://github.com/palantir/plottable/pull/1812
      */
-    private _hasOverlapWithInterval(interval, rects);
+    private _hasOverlapWithInterval;
     invalidateCache(): void;
 }

package/build/src/axes/numericAxis.js

@@ -4,6 +4,7 @@
  * @license MIT
  */
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Numeric = void 0;
 var tslib_1 = require("tslib");
 var d3 = require("d3");
 var Typesettable = require("typesettable");
@@ -11,7 +12,7 @@ var Formatters = require("../core/formatters");
 var Utils = require("../utils");
 var axis_1 = require("./axis");
 var Numeric = /** @class */ (function (_super) {
-    tslib_1.__extends(Numeric, _super);
+    (0, tslib_1.__extends)(Numeric, _super);
     /**
      * Constructs a Numeric Axis.
      *

package/build/src/axes/timeAxis.d.ts

@@ -1,5 +1,10 @@
+/**
+ * Copyright 2014-present Palantir Technologies
+ * @license MIT
+ */
 import { Formatter } from "../core/formatters";
 import * as Scales from "../scales";
+import { LabelFontSizePx } from "../components/label";
 import { Axis } from "./axis";
 export declare const TimeInterval: {
     second: "second";
@@ -80,6 +85,8 @@ export declare class Time extends Axis<Date> {
      * orientations.
      */
     constructor(scale: Scales.Time, orientation: TimeAxisOrientation, useUTC?: boolean);
+    tickLabelFontSize(): LabelFontSizePx;
+    tickLabelFontSize(fontSize: LabelFontSizePx): this;
     /**
      * Gets the label positions for each tier.
      */
@@ -130,33 +137,33 @@ export declare class Time extends Axis<Date> {
     /**
      * Gets the index of the most precise TimeAxisConfiguration that will fit in the current width.
      */
-    private _getMostPreciseConfigurationIndex();
+    private _getMostPreciseConfigurationIndex;
     orientation(): TimeAxisOrientation;
     orientation(orientation: TimeAxisOrientation): this;
     protected _computeHeight(): number;
-    private _getIntervalLength(config);
-    private _maxWidthForInterval(config);
+    private _getIntervalLength;
+    private _maxWidthForInterval;
     /**
      * Check if tier configuration fits in the current width and satisfied the
      * max TimeInterval precision limit.
      */
-    private _checkTimeAxisTierConfiguration(config);
+    private _checkTimeAxisTierConfiguration;
     protected _sizeFromOffer(availableWidth: number, availableHeight: number): {
         width: number;
         height: number;
     };
     protected _setup(): void;
-    private _setupDomElements();
-    private _getTickIntervalValues(config);
+    private _setupDomElements;
+    private _getTickIntervalValues;
     protected _getTickValues(): any[];
-    private _cleanTiers();
-    private _getTickValuesForConfiguration(config);
-    private _renderTierLabels(container, config, index);
-    private _renderTickMarks(tickValues, index);
-    private _renderLabellessTickMarks(tickValues);
-    private _generateLabellessTicks();
+    private _cleanTiers;
+    private _getTickValuesForConfiguration;
+    private _renderTierLabels;
+    private _renderTickMarks;
+    private _renderLabellessTickMarks;
+    private _generateLabellessTicks;
     renderImmediately(): this;
-    private _hideOverflowingTiers();
-    private _hideOverlappingAndCutOffLabels(index);
+    private _hideOverflowingTiers;
+    private _hideOverlappingAndCutOffLabels;
     invalidateCache(): void;
 }

package/build/src/axes/timeAxis.js

@@ -3,7 +3,9 @@
  * Copyright 2014-present Palantir Technologies
  * @license MIT
  */
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Time = exports.TierLabelPosition = exports.TimeAxisOrientation = exports.TimeInterval = void 0;
 var tslib_1 = require("tslib");
 var d3 = require("d3");
 var Typesettable = require("typesettable");
@@ -12,7 +14,7 @@ var Scales = require("../scales");
 var Utils = require("../utils");
 var makeEnum_1 = require("../utils/makeEnum");
 var axis_1 = require("./axis");
-exports.TimeInterval = makeEnum_1.makeEnum([
+exports.TimeInterval = (0, makeEnum_1.makeEnum)([
     "second",
     "minute",
     "hour",
@@ -24,10 +26,10 @@ exports.TimeInterval = makeEnum_1.makeEnum([
 /**
  * Possible orientations for a Time Axis.
  */
-exports.TimeAxisOrientation = makeEnum_1.makeEnum(["top", "bottom"]);
-exports.TierLabelPosition = makeEnum_1.makeEnum(["between", "center"]);
+exports.TimeAxisOrientation = (0, makeEnum_1.makeEnum)(["top", "bottom"]);
+exports.TierLabelPosition = (0, makeEnum_1.makeEnum)(["between", "center"]);
 var Time = /** @class */ (function (_super) {
-    tslib_1.__extends(Time, _super);
+    (0, tslib_1.__extends)(Time, _super);
     /**
      * Constructs a Time Axis.
      *
@@ -50,6 +52,23 @@ var Time = /** @class */ (function (_super) {
         _this.annotationFormatter(Formatters.time("%a %b %d, %Y", _this._useUTC));
         return _this;
     }
+    Time.prototype.tickLabelFontSize = function (fontSize) {
+        var _this = this;
+        if (fontSize == null) {
+            return _super.prototype.tickLabelFontSize.call(this);
+        }
+        if (this._tierLabelContainers != null) {
+            this.invalidateCache();
+            this._computeHeight();
+            this._tierLabelContainers.forEach(function (container) {
+                // clearing to remove outdated font-size classes
+                container.attr("class", null)
+                    .classed(axis_1.Axis.TICK_LABEL_CLASS + "-container", true)
+                    .classed("label-" + _this._tickLabelFontSize, true);
+            });
+        }
+        return _super.prototype.tickLabelFontSize.call(this, fontSize);
+    };
     Time.prototype.tierLabelPositions = function (newPositions) {
         if (newPositions == null) {
             return this._tierLabelPositions;
@@ -194,7 +213,9 @@ var Time = /** @class */ (function (_super) {
         this._baseline.remove();
         for (var i = 0; i < this._numTiers; ++i) {
             var tierContainer = this.content().append("g").classed(Time.TIME_AXIS_TIER_CLASS, true);
-            this._tierLabelContainers.push(tierContainer.append("g").classed(axis_1.Axis.TICK_LABEL_CLASS + "-container", true));
+            this._tierLabelContainers.push(tierContainer.append("g")
+                .classed(axis_1.Axis.TICK_LABEL_CLASS + "-container", true)
+                .classed("label-" + this._tickLabelFontSize, true));
             this._tierMarkContainers.push(tierContainer.append("g").classed(axis_1.Axis.TICK_MARK_CLASS + "-container", true));
             this._tierBaselines.push(tierContainer.append("line").classed("baseline", true));
         }
@@ -243,6 +264,7 @@ var Time = /** @class */ (function (_super) {
             labelPos = tickPos;
         }
         var tickLabelsUpdate = container.selectAll("." + axis_1.Axis.TICK_LABEL_CLASS).data(labelPos, function (d) { return String(d.valueOf()); });
+        tickLabelsUpdate.remove();
         var tickLabelsEnter = tickLabelsUpdate
             .enter()
             .append("g")
@@ -417,7 +439,9 @@ var Time = /** @class */ (function (_super) {
     };
     Time.prototype.invalidateCache = function () {
         _super.prototype.invalidateCache.call(this);
-        this._measurer.reset();
+        if (this._measurer != null) {
+            this._measurer.reset();
+        }
     };
     /**
      * The CSS class applied to each Time Axis tier
@@ -548,4 +572,3 @@ var Time = /** @class */ (function (_super) {
     return Time;
 }(axis_1.Axis));
 exports.Time = Time;
-var _a;

package/build/src/components/component.d.ts

@@ -11,9 +11,9 @@ export declare type IResizeHandler = (size: {
     width: number;
 }) => void;
 export declare const XAlignment: {
+    center: "center";
     left: "left";
     right: "right";
-    center: "center";
 };
 export declare type XAlignment = keyof typeof XAlignment;
 export declare const YAlignment: {
@@ -164,7 +164,7 @@ export declare class Component {
      */
     render(): this;
     renderLowPriority(): this;
-    private _scheduleComputeLayout();
+    private _scheduleComputeLayout;
     /**
      * Sets a callback that gets called when the component resizes. The size change
      * is not guaranteed to be reflected by the DOM at the time the callback is fired.