@mathstack/viz 1.1.4 → 2.0.3

package/src/lib/svg-text-wrap/svg-text-wrap-builder.ts

@@ -0,0 +1,105 @@
+import { safeAssign } from '@mathstack/app-kit';
+import { SvgTextWrap } from './svg-text-wrap';
+
+const DEFAULT = {
+  _maintainXPosition: false,
+  _maintainYPosition: false,
+  _lineHeight: 1.1,
+  _width: 100,
+  _breakOnChars: [],
+  _spaceAroundBreakChars: false,
+};
+export class SvgTextWrapBuilder {
+  protected _width: number;
+  protected _maintainXPosition: boolean;
+  protected _maintainYPosition: boolean;
+  protected _lineHeight: number;
+  protected _breakOnChars: string[];
+  protected _spaceAroundBreakChars: boolean;
+
+  constructor() {
+    safeAssign(this, DEFAULT);
+  }
+
+  /**
+   * OPTIONAL. Sets the width to wrap the text to.
+   *
+   * @default 100
+   */
+  width(width: number) {
+    this._width = width;
+    return this;
+  }
+
+  /**
+   * OPTIONAL. If true, the x position of the text will be maintained.
+   *
+   * This is useful, for example, for centering bar labels on a vertical bar chart.
+   *
+   * @default false
+   */
+  maintainXPosition(maintainXPosition: boolean) {
+    this._maintainXPosition = maintainXPosition;
+    return this;
+  }
+
+  /**
+   * OPTIONAL. If true, the y position of the text will be maintained.
+   *
+   * This is useful, for example, for centering bar labels on a horizontal bar chart.
+   *
+   * @default false
+   */
+  maintainYPosition(maintainYPosition: boolean) {
+    this._maintainYPosition = maintainYPosition;
+    return this;
+  }
+
+  /**
+   * OPTIONAL. Sets the line height of the text.
+   *
+   * @default 1.1
+   */
+  lineHeight(lineHeight: number) {
+    this._lineHeight = lineHeight;
+    return this;
+  }
+
+  /**
+   * OPTIONAL. Sets the characters to break on when wrapping text.
+   * By default, text will only break on spaces.
+   *
+   * @default []
+   */
+  breakOnChars(breakOnChars: string[]) {
+    this._breakOnChars = breakOnChars;
+    return this;
+  }
+
+  /**
+   * OPTIONAL. If true, spaces will be added around break characters.
+   *
+   * This is useful when breaking on punctuation characters, to avoid words being stuck to punctuation.
+   * For example, breaking on commas without spaces around them would result in "word," at the end of one line and "word" at the start of the next line.
+   *
+   * @default false
+   */
+  spaceAroundBreakChars(spaceAroundBreakChars: boolean) {
+    this._spaceAroundBreakChars = spaceAroundBreakChars;
+    return this;
+  }
+
+  /**
+   * @internal Not meant to be called by consumers of the library.
+   */
+  build(): SvgTextWrap {
+    return new SvgTextWrap({
+      width: this._width,
+      maintainXPosition: this._maintainXPosition,
+      maintainYPosition: this._maintainYPosition,
+      lineHeight: this._lineHeight,
+      breakOnChars: this._breakOnChars,
+      spaceAroundBreakChars: this._spaceAroundBreakChars,
+    });
+  }
+}

package/src/lib/svg-text-wrap/svg-text-wrap-options.ts

@@ -0,0 +1,8 @@
+export interface SvgTextWrapOptions {
+  width: number;
+  maintainXPosition: boolean;
+  maintainYPosition: boolean;
+  lineHeight: number;
+  breakOnChars: string[];
+  spaceAroundBreakChars: boolean;
+}

package/src/lib/svg-text-wrap/svg-text-wrap.ts

@@ -0,0 +1,137 @@
+import { safeAssign } from '@mathstack/app-kit';
+import { select, Selection } from 'd3';
+import { SvgTextWrapOptions } from './svg-text-wrap-options';
+
+export class SvgTextWrap implements SvgTextWrapOptions {
+  width: number;
+  maintainXPosition: boolean;
+  maintainYPosition: boolean;
+  lineHeight: number;
+  breakOnChars: string[];
+  spaceAroundBreakChars: boolean;
+
+  constructor(options: SvgTextWrapOptions) {
+    safeAssign(this, options);
+  }
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  wrap(textSelection: Selection<SVGTextElement, any, any, any>): void {
+    textSelection.each((d, i, nodes) => {
+      const text = select(nodes[i]);
+      const tokens = this.buildTokens(
+        text,
+        this.breakOnChars ?? [],
+        this.spaceAroundBreakChars ?? false
+      ).reverse();
+      let word;
+      let line = [];
+      let lineNumber = 0;
+      const y = parseFloat(text.attr('y')) || 0;
+      const x = this.maintainXPosition ? parseFloat(text.attr('x')) : 0;
+      const maxWidth = this.width;
+      const dy = parseFloat(text.attr('dy')) || 0;
+      let isFirstTspan = true;
+      let tspan = text
+        .text(null)
+        .append('tspan')
+        .attr('x', x)
+        .attr('y', y)
+        .attr('dy', dy + 'em');
+      while ((word = tokens.pop())) {
+        line.push(word);
+        tspan.text(line.join('').trimEnd());
+
+        if (tspan.node().getComputedTextLength() > maxWidth) {
+          line.pop();
+          if (line.length > 0) {
+            tspan.text(line.join('').trimEnd());
+            isFirstTspan = false;
+          } else {
+            // Remove the empty tspan since it has no content
+            // This happens if a single word is longer than the maxWidth
+            tspan.remove();
+          }
+          line = [word];
+          tspan = text
+            .append('tspan')
+            .attr('x', x)
+            .attr('y', y)
+            .attr(
+              'dy',
+              isFirstTspan
+                ? dy + 'em'
+                : ++lineNumber * this.lineHeight + dy + 'em'
+            )
+            .text(word);
+          isFirstTspan = false;
+        }
+      }
+      if (this.maintainYPosition && lineNumber > 0) {
+        const fontSize = parseFloat(text.style('font-size')) || 16;
+        const totalLines = lineNumber + 1;
+        const totalHeight = (totalLines - 1) * this.lineHeight; // in em units
+
+        // Convert to pixels and center
+        const offsetY = (totalHeight / 2) * fontSize;
+        text.selectAll('tspan').attr('y', y - offsetY);
+      }
+    });
+  }
+
+  private buildTokens(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    textSel: Selection<SVGTextElement, unknown, any, any>,
+    breakOnChars: string[] = [],
+    spaceAroundBreakChars = false
+  ): string[] {
+    const allTspans = textSel.selectAll<SVGTSpanElement, unknown>('tspan');
+    const chunks: string[] =
+      allTspans.size() > 0
+        ? Array.from(allTspans, (t) => t.textContent ?? '')
+        : [textSel.text() ?? ''];
+
+    const escaped = breakOnChars.map((c) =>
+      c.replace(/[.*+?^${}()|[\]\\]/g, '\\$&')
+    );
+    const delimRe = escaped.length
+      ? new RegExp(`(${escaped.join('|')})`, 'g')
+      : null;
+
+    const tokens: string[] = [];
+
+    const splitByDelims = (s: string): string[] => {
+      if (!delimRe) return [s];
+      return s.split(delimRe).filter(Boolean); // keeps delimiters as their own elements
+    };
+
+    chunks.forEach((chunk, chunkIdx) => {
+      const wordsInChunk = chunk.trim().split(/\s+/).filter(Boolean);
+
+      wordsInChunk.forEach((w, wIdx) => {
+        // Split the "word" on delimiter characters, preserving them as tokens
+        const parts = splitByDelims(w);
+        for (const p of parts) {
+          if (breakOnChars.includes(p)) {
+            // Delimiter token
+            if (spaceAroundBreakChars) {
+              tokens.push(' ', p, ' ');
+            } else {
+              tokens.push(p);
+            }
+          } else {
+            // Normal text segment
+            tokens.push(p);
+          }
+        }
+        // Add a single space between words that came from the same chunk
+        if (wIdx < wordsInChunk.length - 1) tokens.push(' ');
+      });
+
+      // Add a single space between tspans
+      if (allTspans.size() > 0 && chunkIdx < chunks.length - 1)
+        tokens.push(' ');
+    });
+
+    return tokens;
+  }
+}

package/src/lib/testing/data/continent-population-year-data.ts

@@ -0,0 +1,126 @@
+// Quant Date, Quant Number, Cat
+export type ContinentPopulationDateYearDatum = {
+  continent: string;
+  population: number;
+  year: Date;
+};
+// Quant Number, Quant Number, Cat
+export type ContinentPopulationNumYearDatum = {
+  continent: string;
+  population: number;
+  year: number;
+};
+
+export const continentPopulationDateYearData: ContinentPopulationDateYearDatum[] =
+  [
+    { continent: 'Asia', year: new Date('2024-01-02'), population: 4785060000 },
+    { continent: 'Asia', year: new Date('2030-01-02'), population: 4958807000 },
+    { continent: 'Asia', year: new Date('2050-01-02'), population: 5292948000 },
+    { continent: 'Asia', year: new Date('2100-01-02'), population: 4674249000 },
+    {
+      continent: 'Africa',
+      year: new Date('2024-01-02'),
+      population: 1494994000,
+    },
+    {
+      continent: 'Africa',
+      year: new Date('2030-01-02'),
+      population: 1710666000,
+    },
+    {
+      continent: 'Africa',
+      year: new Date('2050-01-02'),
+      population: 2485136000,
+    },
+    {
+      continent: 'Africa',
+      year: new Date('2100-01-02'),
+      population: 3924421000,
+    },
+    {
+      continent: 'Europe',
+      year: new Date('2024-01-02'),
+      population: 741652000,
+    },
+    {
+      continent: 'Europe',
+      year: new Date('2030-01-02'),
+      population: 736574000,
+    },
+    {
+      continent: 'Europe',
+      year: new Date('2050-01-02'),
+      population: 703007000,
+    },
+    {
+      continent: 'Europe',
+      year: new Date('2100-01-02'),
+      population: 586515000,
+    },
+    {
+      continent: 'North America',
+      year: new Date('2024-01-02'),
+      population: 381048000,
+    },
+    {
+      continent: 'North America',
+      year: new Date('2030-01-02'),
+      population: 393297000,
+    },
+    {
+      continent: 'North America',
+      year: new Date('2050-01-02'),
+      population: 421398000,
+    },
+    {
+      continent: 'North America',
+      year: new Date('2100-01-02'),
+      population: 448026000,
+    },
+    {
+      continent: 'South America',
+      year: new Date('2024-01-02'),
+      population: 442861000,
+    },
+    {
+      continent: 'South America',
+      year: new Date('2030-01-02'),
+      population: 460220000,
+    },
+    {
+      continent: 'South America',
+      year: new Date('2050-01-02'),
+      population: 491079000,
+    },
+    {
+      continent: 'South America',
+      year: new Date('2100-01-02'),
+      population: 425794000,
+    },
+    {
+      continent: 'Oceania',
+      year: new Date('2024-01-02'),
+      population: 46109000,
+    },
+    {
+      continent: 'Oceania',
+      year: new Date('2030-01-02'),
+      population: 49212000,
+    },
+    {
+      continent: 'Oceania',
+      year: new Date('2050-01-02'),
+      population: 57834000,
+    },
+    {
+      continent: 'Oceania',
+      year: new Date('2100-01-02'),
+      population: 68712000,
+    },
+  ];
+
+export const ContinentPopulationNumYearData: ContinentPopulationNumYearDatum[] =
+  continentPopulationDateYearData.map((d) => ({
+    ...d,
+    year: d.year.getFullYear(),
+  }));

package/src/lib/testing/data/country-area-continent.ts

@@ -0,0 +1,59 @@
+export type CountryFactsDatum = {
+  country: string;
+  area: number;
+  continent: string;
+  population: number;
+  popGrowth: number;
+  gdpPerCapita: number;
+};
+
+export const countryFactsData = [
+  {
+    country: 'Afghanistan',
+    area: 252072,
+    continent: 'Asia',
+    population: 40121552,
+    popGrowth: 0.022,
+    gdpPerCapita: 2000,
+  },
+  {
+    country: 'Albania',
+    area: 11100,
+    continent: 'Europe',
+    population: 3107100,
+    popGrowth: 0.0016,
+    gdpPerCapita: 18100,
+  },
+  {
+    country: 'Algeria',
+    area: 919595,
+    continent: 'Africa',
+    population: 47022473,
+    popGrowth: 0.0154,
+    gdpPerCapita: 15300,
+  },
+  {
+    country: 'Angola',
+    area: 481350,
+    continent: 'Africa',
+    population: 37202061,
+    popGrowth: 0.0333,
+    gdpPerCapita: 7200,
+  },
+  {
+    country: 'Antigua and Barbuda',
+    area: 171,
+    continent: 'North America',
+    population: 102634,
+    popGrowth: 0.011,
+    gdpPerCapita: 28700,
+  },
+  {
+    country: 'Argentina',
+    area: 1073500,
+    continent: 'South America',
+    population: 46994384,
+    popGrowth: 0.0079,
+    gdpPerCapita: 26500,
+  },
+];

package/src/lib/testing/data/state-population-income-year-data.ts

@@ -0,0 +1,123 @@
+export type StateIncomePopulationYearDatum = {
+  state: string;
+  year: number;
+  income: number;
+  population: number;
+};
+
+export const stateIncomePopulationYearData = [
+  { state: 'Alabama', year: 2020, income: 52035, population: 5024279 },
+  { state: 'Alabama', year: 2010, income: 40474, population: 4779736 },
+  { state: 'Alaska', year: 2020, income: 77790, population: 733391 },
+  { state: 'Alaska', year: 2010, income: 64576, population: 710231 },
+  { state: 'Arizona', year: 2020, income: 61529, population: 7151502 },
+  { state: 'Arizona', year: 2010, income: 46789, population: 6392017 },
+  { state: 'Arkansas', year: 2020, income: 49475, population: 3011524 },
+  { state: 'Arkansas', year: 2010, income: 38307, population: 2915918 },
+  { state: 'California', year: 2020, income: 78672, population: 39538223 },
+  { state: 'California', year: 2010, income: 57708, population: 37253956 },
+  { state: 'Colorado', year: 2020, income: 75231, population: 5773714 },
+  { state: 'Colorado', year: 2010, income: 54046, population: 5029196 },
+  { state: 'Connecticut', year: 2020, income: 79855, population: 3605944 },
+  { state: 'Connecticut', year: 2010, income: 64032, population: 3574097 },
+  { state: 'Delaware', year: 2020, income: 69110, population: 989948 },
+  { state: 'Delaware', year: 2010, income: 55847, population: 897934 },
+  {
+    state: 'District of Columbia',
+    year: 2020,
+    income: 90842,
+    population: 689545,
+  },
+  {
+    state: 'District of Columbia',
+    year: 2010,
+    income: 60903,
+    population: 601723,
+  },
+  { state: 'Florida', year: 2020, income: 57703, population: 21538187 },
+  { state: 'Florida', year: 2010, income: 44409, population: 18801310 },
+  { state: 'Georgia', year: 2020, income: 61224, population: 10711908 },
+  { state: 'Georgia', year: 2010, income: 46430, population: 9687653 },
+  { state: 'Hawaii', year: 2020, income: 83173, population: 1455271 },
+  { state: 'Hawaii', year: 2010, income: 63030, population: 1360301 },
+  { state: 'Idaho', year: 2020, income: 58915, population: 1839106 },
+  { state: 'Idaho', year: 2010, income: 43490, population: 1567582 },
+  { state: 'Illinois', year: 2020, income: 68428, population: 12812508 },
+  { state: 'Illinois', year: 2010, income: 52972, population: 12830632 },
+  { state: 'Indiana', year: 2020, income: 58235, population: 6785528 },
+  { state: 'Indiana', year: 2010, income: 44613, population: 6483802 },
+  { state: 'Iowa', year: 2020, income: 61836, population: 3190369 },
+  { state: 'Iowa', year: 2010, income: 47961, population: 3046355 },
+  { state: 'Kansas', year: 2020, income: 61091, population: 2937880 },
+  { state: 'Kansas', year: 2010, income: 48257, population: 2853118 },
+  { state: 'Kentucky', year: 2020, income: 52238, population: 4505836 },
+  { state: 'Kentucky', year: 2010, income: 40062, population: 4339367 },
+  { state: 'Louisiana', year: 2020, income: 50800, population: 4657757 },
+  { state: 'Louisiana', year: 2010, income: 42505, population: 4533372 },
+  { state: 'Maine', year: 2020, income: 59489, population: 1362359 },
+  { state: 'Maine', year: 2010, income: 45815, population: 1328361 },
+  { state: 'Maryland', year: 2020, income: 87063, population: 6177224 },
+  { state: 'Maryland', year: 2010, income: 68854, population: 5773552 },
+  { state: 'Massachusetts', year: 2020, income: 84385, population: 7029917 },
+  { state: 'Massachusetts', year: 2010, income: 62072, population: 6547629 },
+  { state: 'Michigan', year: 2020, income: 59234, population: 10077331 },
+  { state: 'Michigan', year: 2010, income: 45413, population: 9883640 },
+  { state: 'Minnesota', year: 2020, income: 73382, population: 5706494 },
+  { state: 'Minnesota', year: 2010, income: 55459, population: 5303925 },
+  { state: 'Mississippi', year: 2020, income: 46511, population: 2961279 },
+  { state: 'Mississippi', year: 2010, income: 36851, population: 2967297 },
+  { state: 'Missouri', year: 2020, income: 57290, population: 6154913 },
+  { state: 'Missouri', year: 2010, income: 44301, population: 5988927 },
+  { state: 'Montana', year: 2020, income: 56539, population: 1084225 },
+  { state: 'Montana', year: 2010, income: 42666, population: 989415 },
+  { state: 'Nebraska', year: 2020, income: 63015, population: 1961504 },
+  { state: 'Nebraska', year: 2010, income: 48408, population: 1826341 },
+  { state: 'Nevada', year: 2020, income: 62043, population: 3104614 },
+  { state: 'Nevada', year: 2010, income: 51001, population: 2700551 },
+  { state: 'New Hampshire', year: 2020, income: 77923, population: 1377529 },
+  { state: 'New Hampshire', year: 2010, income: 61042, population: 1316470 },
+  { state: 'New Jersey', year: 2020, income: 85245, population: 9288994 },
+  { state: 'New Jersey', year: 2010, income: 67681, population: 8791894 },
+  { state: 'New Mexico', year: 2020, income: 51243, population: 2117522 },
+  { state: 'New Mexico', year: 2010, income: 42090, population: 2059179 },
+  { state: 'New York', year: 2020, income: 71117, population: 20201249 },
+  { state: 'New York', year: 2010, income: 54148, population: 19378102 },
+  { state: 'North Carolina', year: 2020, income: 56642, population: 10439388 },
+  { state: 'North Carolina', year: 2010, income: 43326, population: 9535483 },
+  { state: 'North Dakota', year: 2020, income: 65315, population: 779094 },
+  { state: 'North Dakota', year: 2010, income: 48670, population: 672591 },
+  { state: 'Ohio', year: 2020, income: 58116, population: 11799448 },
+  { state: 'Ohio', year: 2010, income: 45090, population: 11536504 },
+  { state: 'Oklahoma', year: 2020, income: 53840, population: 3959353 },
+  { state: 'Oklahoma', year: 2010, income: 42072, population: 3751351 },
+  { state: 'Oregon', year: 2020, income: 65667, population: 4237256 },
+  { state: 'Oregon', year: 2010, income: 46560, population: 3831074 },
+  { state: 'Pennsylvania', year: 2020, income: 63627, population: 13002700 },
+  { state: 'Pennsylvania', year: 2010, income: 49288, population: 12702379 },
+  { state: 'Puerto Rico', year: 2020, income: 21058, population: 3285874 },
+  { state: 'Puerto Rico', year: 2010, income: 18862, population: 3725789 },
+  { state: 'Rhode Island', year: 2020, income: 70305, population: 1097379 },
+  { state: 'Rhode Island', year: 2010, income: 52254, population: 1052567 },
+  { state: 'South Carolina', year: 2020, income: 54864, population: 5118425 },
+  { state: 'South Carolina', year: 2010, income: 42018, population: 4625364 },
+  { state: 'South Dakota', year: 2020, income: 59896, population: 886667 },
+  { state: 'South Dakota', year: 2010, income: 45904, population: 814180 },
+  { state: 'Tennessee', year: 2020, income: 54833, population: 6910840 },
+  { state: 'Tennessee', year: 2010, income: 41461, population: 6346105 },
+  { state: 'Texas', year: 2020, income: 63826, population: 29145505 },
+  { state: 'Texas', year: 2010, income: 48615, population: 25145561 },
+  { state: 'Utah', year: 2020, income: 74197, population: 3271616 },
+  { state: 'Utah', year: 2010, income: 54744, population: 2763885 },
+  { state: 'Vermont', year: 2020, income: 63477, population: 643077 },
+  { state: 'Vermont', year: 2010, income: 49406, population: 625741 },
+  { state: 'Virginia', year: 2020, income: 76398, population: 8631393 },
+  { state: 'Virginia', year: 2010, income: 60674, population: 8001024 },
+  { state: 'Washington', year: 2020, income: 77006, population: 7705281 },
+  { state: 'Washington', year: 2010, income: 55631, population: 6724540 },
+  { state: 'West Virginia', year: 2020, income: 48037, population: 1793716 },
+  { state: 'West Virginia', year: 2010, income: 38218, population: 1852994 },
+  { state: 'Wisconsin', year: 2020, income: 63293, population: 5893718 },
+  { state: 'Wisconsin', year: 2010, income: 49001, population: 5686986 },
+  { state: 'Wyoming', year: 2020, income: 65304, population: 576851 },
+  { state: 'Wyoming', year: 2010, income: 53512, population: 563626 },
+];

package/src/lib/testing/stubs/bars.component.stub.ts

@@ -0,0 +1,12 @@
+import { Chart } from '../../charts/chart/chart';
+
+export class BarsComponentStub {
+  ranges = {
+    x: [],
+    y: [],
+  };
+  xScale;
+  yScale;
+  bars;
+  chart = new Chart();
+}

package/src/lib/testing/stubs/chart.component.stub.ts

@@ -0,0 +1,6 @@
+export class ChartComponentStub {
+  transitionDuration = 250;
+  svgRef = {
+    nativeElement: 'element',
+  };
+}

package/src/lib/testing/stubs/click.directive.stub.ts

@@ -0,0 +1,15 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { ClickDirective } from '../../events/click.directive';
+import { ListenElement } from '../../events/event.directive';
+
+export class ClickDirectiveStub extends ClickDirective {
+  onElementClick(event: PointerEvent, el: ListenElement): void {
+    return;
+  }
+  onClickRemove(): void {
+    return;
+  }
+  setListenedElements(): void {
+    return;
+  }
+}

package/src/lib/testing/stubs/core/destroy-ref.stub.ts

@@ -0,0 +1,9 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { DestroyRef } from '@angular/core';
+
+export class DestroyRefStub extends DestroyRef {
+  override onDestroy(callback: () => void): () => void {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    return () => {}; // Return an empty function
+  }
+}

package/src/lib/testing/stubs/core/overlay-ref.stub.ts

@@ -0,0 +1,13 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { of } from 'rxjs';
+
+export class OverlayRefStub {
+  attach = jasmine.createSpy('attach');
+  detach = jasmine.createSpy('detach');
+  dispose = jasmine.createSpy('dispose');
+  addPanelClass = jasmine.createSpy('addPanelClass');
+  removePanelClass = jasmine.createSpy('removePanelClass');
+  updateSize = jasmine.createSpy('updateSize');
+  updatePositionStrategy = jasmine.createSpy('updatePositionStrategy');
+  backdropClick = of('click' as any);
+}

package/src/lib/testing/stubs/core/overlay.stub.ts

@@ -0,0 +1,8 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export class OverlayStub {
+  create = jasmine.createSpy('create');
+  scrollStrategies = {
+    noop: jasmine.createSpy('noop').and.returnValue('noop' as any),
+    close: jasmine.createSpy('close').and.returnValue('close' as any),
+  };
+}

package/src/lib/testing/stubs/event.directive.stub.ts

@@ -0,0 +1,10 @@
+import { EventDirective } from '../../events/event.directive';
+
+export class EventDirectiveStub extends EventDirective {
+  setListenedElements(): void {
+    return;
+  }
+  setListeners(): void {
+    return;
+  }
+}

package/src/lib/testing/stubs/hover-move.directive.stub.ts

@@ -0,0 +1,17 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { HoverMoveDirective } from '../../events/hover-move.directive';
+
+export class HoverMoveDirectiveStub extends HoverMoveDirective {
+  setListenedElements(): void {
+    return;
+  }
+  onElementPointerMove(event: PointerEvent): void {
+    return;
+  }
+  onElementPointerEnter(event: PointerEvent): void {
+    return;
+  }
+  onElementPointerLeave(event: PointerEvent): void {
+    return;
+  }
+}

package/src/lib/testing/stubs/hover.directive.stub.ts

@@ -0,0 +1,14 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { HoverDirective } from '../../events/hover.directive';
+
+export class HoverDirectiveStub extends HoverDirective {
+  onElementPointerEnter(event: PointerEvent): void {
+    return;
+  }
+  onElementPointerLeave(event: PointerEvent): void {
+    return;
+  }
+  setListenedElements(): void {
+    return;
+  }
+}