@mathstack/viz 2.1.0 → 2.2.0

package/src/lib/axes/x-ordinal/x-ordinal-axis-builder.ts

@@ -1,75 +0,0 @@
-import { Injectable } from '@angular/core';
-import { safeAssign } from '@mathstack/app-kit';
-import { DataValue } from '../../core/types/values';
-import { XyAxisBaseBuilder } from '../base/config/xy-axis-builder';
-import { TicksBuilder } from '../ticks/ticks-builder';
-import { VicXOrdinalAxisConfig } from './x-ordinal-axis-config';
-
-const DEFAULT = {
-  _side: 'bottom',
-  _baseline: {
-    display: false,
-  },
-};
-
-const TICK_DEFAULT = {
-  _sizeOuter: 0,
-};
-
-@Injectable()
-export class VicXOrdinalAxisConfigBuilder<
-  Tick extends DataValue,
-> extends XyAxisBaseBuilder {
-  private _side: 'top' | 'bottom';
-  private ticksBuilder: TicksBuilder<Tick>;
-
-  constructor() {
-    super();
-    safeAssign(this, DEFAULT);
-    this.ticksBuilder = this.getTicksBuilder();
-  }
-
-  /**
-   * OPTIONAL. Specifies the location of the axis on the chart.
-   *
-   * @param value - The side of the chart where the axis will be placed.
-   *
-   * If not called, the default value is `bottom`.
-   */
-  side(value: 'top' | 'bottom'): this {
-    this._side = value;
-    return this;
-  }
-
-  /**
-   * OPTIONAL. Specifies properties for axis ticks.
-   *
-   * @param ticks - A function that specifies properties for axis ticks.
-   */
-  ticks(ticks: (ticks: TicksBuilder<Tick>) => void): this;
-  ticks(ticks: null): this;
-  ticks(ticks: ((ticks: TicksBuilder<Tick>) => void) | null): this {
-    this.ticksBuilder = this.getTicksBuilder();
-    if (ticks === null) {
-      return this;
-    }
-    ticks?.(this.ticksBuilder);
-    return this;
-  }
-
-  private getTicksBuilder(): TicksBuilder<Tick> {
-    return new TicksBuilder<Tick>(TICK_DEFAULT);
-  }
-
-  getConfig(): VicXOrdinalAxisConfig<Tick> {
-    return new VicXOrdinalAxisConfig<Tick>({
-      baseline: this.baselineBuilder?._build('ordinal'),
-      grid: this.gridBuilder?._build('x', 'ordinal'),
-      label: this.labelBuilder?._build('x'),
-      marksClass: 'vic-axis-x-ordinal',
-      mixBlendMode: this._mixBlendMode,
-      side: this._side,
-      ticks: this.ticksBuilder._build('x'),
-    });
-  }
-}

package/src/lib/axes/x-ordinal/x-ordinal-axis-config.ts

@@ -1,27 +0,0 @@
-import { AbstractConstructor } from '../../core/common-behaviors/constructor';
-import { DataValue } from '../../core/types/values';
-import { XyAxisConfig } from '../base/config/xy-axis-config';
-import {
-  VicOrdinalAxisOptions,
-  mixinOrdinalAxisConfig,
-} from '../ordinal/ordinal-axis-config';
-import { Ticks } from '../ticks/ticks';
-import { XAxisOptions, mixinXAxisConfig } from '../x/x-axis-config';
-
-type XyAxisConfigType<T extends DataValue> = AbstractConstructor<
-  XyAxisConfig<T, Ticks<T>>
->;
-
-const AbstractXOrdinalAxis = mixinXAxisConfig<
-  DataValue,
-  Ticks<DataValue>,
-  XyAxisConfigType<DataValue>
->(mixinOrdinalAxisConfig<DataValue, XyAxisConfigType<DataValue>>(XyAxisConfig));
-
-export class VicXOrdinalAxisConfig<
-  Tick extends DataValue,
-> extends AbstractXOrdinalAxis {
-  constructor(options: XAxisOptions & VicOrdinalAxisOptions<Tick>) {
-    super(options);
-  }
-}

package/src/lib/axes/x-ordinal/x-ordinal-axis.component.ts

@@ -1,33 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { DataValue } from '../../core/types/values';
-import { XyAxis } from '../base/xy-axis-base';
-import { ordinalAxisMixin } from '../ordinal/ordinal-axis';
-import { Ticks } from '../ticks/ticks';
-import { xAxisMixin } from '../x/x-axis';
-
-const XOrdinalAxis = xAxisMixin(
-  ordinalAxisMixin(XyAxis<DataValue, Ticks<DataValue>>)
-);
-
-@Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
-  selector: '[vic-x-ordinal-axis]',
-  template: '',
-  styles: [
-    `
-      .vic-axis-x-ordinal .vic-axis-label {
-        fill: currentColor;
-      }
-    `,
-  ],
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['config'],
-  encapsulation: ViewEncapsulation.None,
-  host: {
-    '[class]': 'config.marksClass',
-    class: 'vic-axis',
-    '[attr.mix-blend-mode]': 'config.mixBlendMode',
-    '[attr.transform]': 'translate',
-  },
-})
-export class XOrdinalAxisComponent extends XOrdinalAxis {}

package/src/lib/axes/x-quantitative/x-quantitative-axis-builder.ts

@@ -1,74 +0,0 @@
-import { Injectable } from '@angular/core';
-import { safeAssign } from '@mathstack/app-kit';
-import { ContinuousValue } from '../../core/types/values';
-import { XyAxisBaseBuilder } from '../base/config/xy-axis-builder';
-import { QuantitativeTicksBuilder } from '../ticks/ticks-builder';
-import { VicXQuantitativeAxisConfig } from './x-quantitative-axis-config';
-
-const DEFAULT = {
-  _side: 'bottom',
-  _removeDomainLine: false,
-  _zeroAxis: { strokeDasharray: '2', useZeroAxis: true },
-};
-
-const TICK_DEFAULT = {
-  _format: ',.1f',
-};
-
-@Injectable()
-export class VicXQuantitativeAxisConfigBuilder<
-  Tick extends ContinuousValue,
-> extends XyAxisBaseBuilder {
-  private ticksBuilder: QuantitativeTicksBuilder<Tick>;
-  private _side: 'top' | 'bottom';
-
-  constructor() {
-    super();
-    safeAssign(this, DEFAULT);
-    this.ticksBuilder = this.getTicksBuilder();
-  }
-
-  /**
-   * OPTIONAL. Specifies the location of the axis on the chart.
-   *
-   * @param value - The side of the chart where the axis will be placed.
-   *
-   * If not called, the default value is `bottom`.
-   */
-  side(value: 'top' | 'bottom'): this {
-    this._side = value;
-    return this;
-  }
-
-  /**
-   * OPTIONAL. Specifies properties for axis ticks.
-   *
-   * @param ticks - A function that specifies properties for axis ticks.
-   */
-  ticks(ticks: (ticks: QuantitativeTicksBuilder<Tick>) => void): this;
-  ticks(ticks: null): this;
-  ticks(ticks: ((ticks: QuantitativeTicksBuilder<Tick>) => void) | null): this {
-    this.ticksBuilder = this.getTicksBuilder();
-    if (ticks === null) {
-      return this;
-    }
-    ticks?.(this.ticksBuilder);
-    return this;
-  }
-
-  private getTicksBuilder(): QuantitativeTicksBuilder<Tick> {
-    return new QuantitativeTicksBuilder<Tick>(TICK_DEFAULT);
-  }
-
-  getConfig(): VicXQuantitativeAxisConfig<Tick> {
-    return new VicXQuantitativeAxisConfig<Tick>({
-      baseline: this.baselineBuilder._build('quantitative'),
-      grid: this.gridBuilder?._build('x', 'quantitative'),
-      label: this.labelBuilder?._build('x'),
-      marksClass: 'vic-axis-x-quantitative',
-      mixBlendMode: this._mixBlendMode,
-      side: this._side,
-      ticks: this.ticksBuilder._build('x'),
-    });
-  }
-}

package/src/lib/axes/x-quantitative/x-quantitative-axis-config.ts

@@ -1,32 +0,0 @@
-import { AbstractConstructor } from '../../core/common-behaviors/constructor';
-import { ContinuousValue } from '../../core/types/values';
-import { XyAxisConfig } from '../base/config/xy-axis-config';
-import {
-  VicQuantitativeAxisOptions,
-  mixinQuantitativeAxisConfig,
-} from '../quantitative/quantitative-axis-config';
-import { QuantitativeTicks } from '../ticks/ticks';
-import { XAxisOptions, mixinXAxisConfig } from '../x/x-axis-config';
-
-type XyAxisConfigType<T extends ContinuousValue> = AbstractConstructor<
-  XyAxisConfig<T, QuantitativeTicks<T>>
->;
-
-const AbstractXQuantitativeAxis = mixinXAxisConfig<
-  ContinuousValue,
-  QuantitativeTicks<ContinuousValue>,
-  XyAxisConfigType<ContinuousValue>
->(
-  mixinQuantitativeAxisConfig<
-    ContinuousValue,
-    XyAxisConfigType<ContinuousValue>
-  >(XyAxisConfig)
-);
-
-export class VicXQuantitativeAxisConfig<
-  Tick extends ContinuousValue,
-> extends AbstractXQuantitativeAxis {
-  constructor(options: XAxisOptions & VicQuantitativeAxisOptions<Tick>) {
-    super(options);
-  }
-}

package/src/lib/axes/x-quantitative/x-quantitative-axis.component.ts

@@ -1,40 +0,0 @@
-import { Component, ViewEncapsulation } from '@angular/core';
-import { ContinuousValue } from '../../core';
-import { AbstractConstructor } from '../../core/common-behaviors/constructor';
-import { XyAxis } from '../base/xy-axis-base';
-import { quantitativeAxisMixin } from '../quantitative/quantitative-axis';
-import { QuantitativeTicks, Ticks } from '../ticks/ticks';
-import { xAxisMixin } from '../x/x-axis';
-
-type XyAxisType<T extends ContinuousValue> = AbstractConstructor<
-  XyAxis<T, QuantitativeTicks<T>>
->;
-
-const XQuantitativeAxis = xAxisMixin<
-  ContinuousValue,
-  Ticks<ContinuousValue>,
-  XyAxisType<ContinuousValue>
->(quantitativeAxisMixin<ContinuousValue, XyAxisType<ContinuousValue>>(XyAxis));
-
-@Component({
-  // eslint-disable-next-line @angular-eslint/component-selector
-  selector: '[vic-x-quantitative-axis]',
-  template: '',
-  styles: [
-    `
-      .vic-axis-x-quantitative .vic-axis-label {
-        fill: currentColor;
-      }
-    `,
-  ],
-  // eslint-disable-next-line @angular-eslint/no-inputs-metadata-property
-  inputs: ['config'],
-  encapsulation: ViewEncapsulation.None,
-  host: {
-    '[class]': 'config.marksClass',
-    class: 'vic-axis',
-    '[attr.mix-blend-mode]': 'config.mixBlendMode',
-    '[attr.transform]': 'translate',
-  },
-})
-export class XQuantitativeAxisComponent extends XQuantitativeAxis {}

package/src/lib/axes/xy-axis.module.ts

@@ -1,20 +0,0 @@
-import { NgModule } from '@angular/core';
-import { XOrdinalAxisComponent } from './x-ordinal/x-ordinal-axis.component';
-import { XQuantitativeAxisComponent } from './x-quantitative/x-quantitative-axis.component';
-import { YOrdinalAxisComponent } from './y-ordinal/y-ordinal-axis.component';
-import { YQuantitativeAxisComponent } from './y-quantitative-axis/y-quantitative-axis.component';
-@NgModule({
-  imports: [
-    YQuantitativeAxisComponent,
-    YOrdinalAxisComponent,
-    XQuantitativeAxisComponent,
-    XOrdinalAxisComponent,
-  ],
-  exports: [
-    YQuantitativeAxisComponent,
-    YOrdinalAxisComponent,
-    XQuantitativeAxisComponent,
-    XOrdinalAxisComponent,
-  ],
-})
-export class VicXyAxisModule {}

package/src/lib/axes/y/y-axis-config.ts

@@ -1,47 +0,0 @@
-import { safeAssign } from '@mathstack/app-kit';
-import { DataValue } from '../../core';
-import { AbstractConstructor } from '../../core/common-behaviors/constructor';
-import { XyAxisConfig } from '../base/config/xy-axis-config';
-import { XyAxisBaseOptions } from '../base/config/xy-axis-options';
-import { Ticks } from '../ticks/ticks';
-
-export interface YAxisOptions extends XyAxisBaseOptions {
-  /**
-   * The side of the chart on which the axis will be placed.
-   */
-  side: 'left' | 'right';
-}
-
-export function mixinYAxisConfig<
-  Tick extends DataValue,
-  TicksConfig extends Ticks<Tick>,
-  T extends AbstractConstructor<XyAxisConfig<Tick, TicksConfig>>,
->(Base: T) {
-  abstract class Mixin extends Base implements YAxisOptions {
-    side: 'left' | 'right';
-
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    constructor(...args: any[]) {
-      super(...args);
-      safeAssign(this, args[0]);
-      this.side = this.side ?? 'left';
-    }
-
-    getNumTicksBySpacing(
-      spacing: number,
-      dimensions: {
-        height: number;
-        width: number;
-      }
-    ): number {
-      const d3SuggestedDefault = dimensions.height / spacing;
-      return this.getValidatedNumTicks(d3SuggestedDefault);
-    }
-  }
-  return Mixin;
-}
-
-export class YAxisConfig<
-  Tick extends DataValue,
-  TicksConfig extends Ticks<Tick>,
-> extends mixinYAxisConfig(XyAxisConfig)<Tick, TicksConfig> {}

package/src/lib/axes/y/y-axis.spec.ts

@@ -1,92 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ElementRef } from '@angular/core';
-import { TestBed } from '@angular/core/testing';
-import { XyChartComponent } from '@mathstack/viz';
-import { axisLeft, axisRight } from 'd3';
-import { YAxisStub } from '../../testing/stubs/y-axis.stub';
-import { QuantitativeTicks } from '../ticks/ticks';
-import { VicYQuantitativeAxisConfigBuilder } from '../y-quantitative-axis/y-quantitative-axis-builder';
-
-describe('the YAxis mixin', () => {
-  let abstractClass: YAxisStub<number, QuantitativeTicks<number>>;
-  const mockElementRef = {
-    nativeElement: {
-      querySelector: jasmine.createSpy('querySelector'),
-      style: {},
-    },
-  };
-
-  beforeEach(() => {
-    TestBed.configureTestingModule({
-      providers: [
-        YAxisStub,
-        XyChartComponent,
-        { provide: ElementRef, useValue: mockElementRef },
-      ],
-    });
-    abstractClass = TestBed.inject(YAxisStub);
-    abstractClass.scales = {
-      x: {
-        range: jasmine.createSpy().and.returnValue([30, 100]),
-      },
-      y: 'scale',
-    } as any;
-    abstractClass.chart = {
-      margin: { right: 10 },
-    } as any;
-  });
-
-  describe('setTranslate()', () => {
-    beforeEach(() => {
-      spyOn(abstractClass, 'getTranslateDistance').and.returnValue(90);
-      abstractClass.setTranslate();
-    });
-    it('calls getTranslateDistance once', () => {
-      expect(abstractClass.getTranslateDistance).toHaveBeenCalledTimes(1);
-    });
-    it('returns the correct string', () => {
-      expect(abstractClass.translate).toEqual('translate(90, 0)');
-    });
-  });
-
-  describe('integration: getTranslateDistance', () => {
-    it('returns the correct value for the left side', () => {
-      abstractClass.config = new VicYQuantitativeAxisConfigBuilder<number>()
-        .side('left')
-        .getConfig() as any;
-      expect(abstractClass.getTranslateDistance()).toBe(30);
-    });
-
-    it('returns the correct value for the right side', () => {
-      abstractClass.config = new VicYQuantitativeAxisConfigBuilder<number>()
-        .side('right')
-        .getConfig() as any;
-      expect(abstractClass.getTranslateDistance()).toBe(100);
-    });
-  });
-
-  describe('setScale', () => {
-    it('sets scale to the correct value', () => {
-      abstractClass.setScale();
-      expect(abstractClass.scale).toBe('scale');
-    });
-  });
-
-  describe('setAxisFunction', () => {
-    it('sets the axis function to the correct value if side is top', () => {
-      abstractClass.config = new VicYQuantitativeAxisConfigBuilder()
-        .side('left')
-        .getConfig() as any;
-      abstractClass.setAxisFunction();
-      expect(abstractClass.axisFunction).toEqual(axisLeft);
-    });
-
-    it('sets the axis function to the correct value if side is bottom', () => {
-      abstractClass.config = new VicYQuantitativeAxisConfigBuilder<number>()
-        .side('right')
-        .getConfig() as any;
-      abstractClass.setAxisFunction();
-      expect(abstractClass.axisFunction).toEqual(axisRight);
-    });
-  });
-});

package/src/lib/axes/y/y-axis.ts

@@ -1,161 +0,0 @@
-import { axisLeft, axisRight } from 'd3';
-import { AbstractConstructor } from '../../core/common-behaviors/constructor';
-import { ContinuousValue, DataValue } from '../../core/types/values';
-import { XyAxis } from '../base/xy-axis-base';
-import { Ticks } from '../ticks/ticks';
-import { YAxisConfig } from './y-axis-config';
-
-/**
- * A mixin that extends `XyAxis` with the functionality needed for a y-axis.
- *
- * For internal library use only.
- */
-export function yAxisMixin<
-  Tick extends DataValue | ContinuousValue,
-  TicksConfig extends Ticks<Tick>,
-  T extends AbstractConstructor<XyAxis<Tick, TicksConfig>>,
->(Base: T) {
-  abstract class Mixin extends Base {
-    override config: YAxisConfig<Tick, TicksConfig>;
-    translate: string;
-
-    setAxisFunction(): void {
-      this.axisFunction = this.config.side === 'left' ? axisLeft : axisRight;
-    }
-
-    setTranslate(): void {
-      const translate = this.getTranslateDistance();
-      this.translate = `translate(${translate}, 0)`;
-    }
-
-    getTranslateDistance(): number {
-      const range = this.scales.x.range();
-      return this.config.side === 'left'
-        ? this.getLeftTranslate(range)
-        : this.getRightTranslate(range);
-    }
-
-    getLeftTranslate(range: [number, number]): number {
-      return range[0];
-    }
-
-    getRightTranslate(range: [number, number]): number {
-      return range[1];
-    }
-
-    getBaselineTranslate(): string | null {
-      if (!this.otherAxisHasPosAndNegValues('y')) return null;
-
-      const rangeIndexForSide = this.config.side === 'left' ? 0 : 1;
-      const translateDistance =
-        this.scales.x(0) - this.scales.x.range()[rangeIndexForSide];
-      return `translate(${translateDistance}, 0)`;
-    }
-
-    setScale(): void {
-      this.scale = this.scales.y;
-    }
-
-    initNumTicks(): number {
-      // value mimics D3's default
-      const defaultNumTicks = this.chart.config.height / 50;
-      if (defaultNumTicks < 1) {
-        return 1;
-      } else {
-        return Math.floor(defaultNumTicks);
-      }
-    }
-
-    createLabel(): void {
-      const config = this.config.label;
-      if (!config) return;
-
-      let y = config.offset.y;
-      let x = config.offset.x;
-      let anchor: 'start' | 'middle' | 'end';
-      let rotate: string | null = null;
-      let alignmentBaseline = null;
-      const range = this.scales.y.range();
-
-      if (config.position === 'start') {
-        y += range[1];
-        anchor = config.anchor || 'end';
-      } else if (config.position === 'middle') {
-        rotate = 'rotate(-90)';
-        x = config.offset.x * -1;
-        y = config.offset.y;
-        y += (range[0] - range[1]) / 2 + +this.chart.config.margin.top;
-        x +=
-          this.config.side === 'left'
-            ? this.chart.config.margin.left
-            : this.chart.config.width;
-        anchor = config.anchor || 'middle';
-        alignmentBaseline =
-          this.config.side === 'left' ? 'hanging' : 'baseline';
-      } else {
-        y += range[0];
-        anchor = config.anchor || 'end';
-      }
-
-      let label = this.axisGroup.select<SVGTextElement>(`.${this.class.label}`);
-      const needsInit = label.empty();
-
-      if (needsInit) {
-        label = this.axisGroup.append('text').attr('class', this.class.label);
-      }
-
-      label.text(this.config.label.text);
-
-      if (rotate) {
-        const edgeOffset = this.config.side === 'left' ? 1 : -1;
-        const rotatedX = y * -1;
-        const rotatedY =
-          this.config.side === 'left' ? x * -1 : this.chart.config.margin.right;
-
-        label.style('visibility', 'hidden');
-
-        if (config.wrap) {
-          requestAnimationFrame(() => {
-            label.attr('x', x).attr('y', y);
-            this.config.label.wrap.maintainXPosition = false;
-            this.config.label.wrap.wrap(label);
-            label.attr('transform', rotate).style('visibility', 'visible');
-
-            label
-              .selectAll('tspan')
-              .attr('x', rotatedX)
-              .attr('text-anchor', anchor)
-              .attr('alignment-baseline', alignmentBaseline);
-
-            label.selectAll('tspan').attr('y', rotatedY + edgeOffset);
-          });
-        } else {
-          label
-            .attr('x', rotatedX)
-            .attr('y', rotatedY + edgeOffset)
-            .attr('transform', rotate)
-            .attr('text-anchor', anchor)
-            .attr('alignment-baseline', alignmentBaseline)
-            .style('visibility', 'visible');
-        }
-      } else {
-        label
-          .attr('x', x)
-          .attr('y', y)
-          .attr('transform', null)
-          .attr('text-anchor', anchor)
-          .attr('alignment-baseline', alignmentBaseline);
-
-        if (config.wrap) {
-          label.style('visibility', 'hidden');
-          requestAnimationFrame(() => {
-            this.config.label.wrap.wrap(label);
-            label.style('visibility', 'visible');
-          });
-        }
-      }
-    }
-  }
-
-  return Mixin;
-}

package/src/lib/axes/y-ordinal/y-ordinal-axis-builder.ts

@@ -1,76 +0,0 @@
-import { Injectable } from '@angular/core';
-import { safeAssign } from '@mathstack/app-kit';
-import { DataValue } from '../../core/types/values';
-import { XyAxisBaseBuilder } from '../base/config/xy-axis-builder';
-import { TicksBuilder } from '../ticks/ticks-builder';
-import { VicYOrdinalAxisConfig } from './y-ordinal-axis-config';
-
-const DEFAULT = {
-  _side: 'left',
-  _baseline: {
-    display: false,
-  },
-};
-
-const TICKS_DEFAULT = {
-  _sizeOuter: 0,
-};
-
-@Injectable()
-export class VicYOrdinalAxisConfigBuilder<
-  Tick extends DataValue,
-> extends XyAxisBaseBuilder {
-  private _side: 'left' | 'right';
-  private ticksBuilder: TicksBuilder<Tick>;
-
-  constructor() {
-    super();
-    safeAssign(this, DEFAULT);
-    this.ticksBuilder = this.getTicksBuilder();
-  }
-
-  /**
-   * OPTIONAL. Specifies the location of the axis on the chart.
-   *
-   * @param value - The side of the chart where the axis will be placed.
-   *
-   * If not called, the default value is `left`.
-   */
-  side(value: 'left' | 'right'): this {
-    this._side = value;
-    return this;
-  }
-
-  /**
-   * OPTIONAL. Specifies properties for axis ticks.
-   *
-   * @param ticks - A function that specifies properties for axis ticks.
-   */
-  ticks(ticks: (ticks: TicksBuilder<Tick>) => void): this;
-  ticks(ticks: null): this;
-  ticks(ticks: ((ticks: TicksBuilder<Tick>) => void) | null): this {
-    this.ticksBuilder = this.getTicksBuilder();
-    if (ticks === null) {
-      this.ticksBuilder = undefined;
-      return this;
-    }
-    ticks?.(this.ticksBuilder);
-    return this;
-  }
-
-  private getTicksBuilder(): TicksBuilder<Tick> {
-    return new TicksBuilder<Tick>(TICKS_DEFAULT);
-  }
-
-  getConfig(): VicYOrdinalAxisConfig<Tick> {
-    return new VicYOrdinalAxisConfig({
-      baseline: this.baselineBuilder._build('ordinal'),
-      grid: this.gridBuilder?._build('y', 'ordinal'),
-      label: this.labelBuilder?._build('y'),
-      marksClass: 'vic-axis-y-ordinal',
-      mixBlendMode: this._mixBlendMode,
-      side: this._side,
-      ticks: this.ticksBuilder._build('y'),
-    });
-  }
-}