@heartlandone/vega 2.79.0 → 2.80.0

package/dist/collection/utils/test/spec-utils.test.js

@@ -1,73 +0,0 @@
-import { find } from '../spec-utils';
-describe('find', () => {
-  beforeEach(() => {
-    const container = document.createElement('div');
-    container.id = 'container';
-    const span = document.createElement('span');
-    span.textContent = "I'm in the container";
-    container.appendChild(span);
-    document.body.append(container);
-    const shadowComp1 = document.createElement('div');
-    shadowComp1.id = 'shadowComp1';
-    const shadowComp1ShadowRoot = shadowComp1.attachShadow({ mode: 'open' });
-    const span1 = document.createElement('span');
-    span1.textContent = "I'm in the shadowComp1 shadow DOM";
-    shadowComp1ShadowRoot.appendChild(span1);
-    container.appendChild(shadowComp1);
-    const shadowComp2 = document.createElement('div');
-    shadowComp2.id = 'shadowComp2';
-    const shadowComp2ShadowRoot = shadowComp2.attachShadow({ mode: 'open' });
-    const span2 = document.createElement('span');
-    span2.textContent = "I'm in the shadowComp2 shadow DOM";
-    shadowComp2ShadowRoot.appendChild(span2);
-    shadowComp1ShadowRoot.appendChild(shadowComp2);
-  });
-  it('should find element in shadow dom', () => {
-    expect(find(document.body, '#container')).toMatchInlineSnapshot(`
-		<div id="container">
-		  <span>
-		    I'm in the container
-		  </span>
-		  <div id="shadowComp1">
-		    <mock:shadow-root>
-		      <span>
-		        I'm in the shadowComp1 shadow DOM
-		      </span>
-		      <div id="shadowComp2">
-		        <mock:shadow-root>
-		          <span>
-		            I'm in the shadowComp2 shadow DOM
-		          </span>
-		        </mock:shadow-root>
-		      </div>
-		    </mock:shadow-root>
-		  </div>
-		</div>
-	`);
-    expect(find(document.body, '#container span')).toMatchInlineSnapshot(`
-		<span>
-		  I'm in the container
-		</span>
-	`);
-    expect(find(document.body, '#container #shadowComp1 >>> span')).toMatchInlineSnapshot(`
-		<span>
-		  I'm in the shadowComp1 shadow DOM
-		</span>
-	`);
-    expect(find(document.body, '#container #shadowComp1 >>> #shadowComp2 >>> span'))
-      .toMatchInlineSnapshot(`
-		<span>
-		  I'm in the shadowComp2 shadow DOM
-		</span>
-	`);
-    const shadowComp1 = find(document.body, '#container #shadowComp1');
-    expect(find(shadowComp1.shadowRoot, '#shadowComp2 >>> span')).toMatchInlineSnapshot(`
-		<span>
-		  I'm in the shadowComp2 shadow DOM
-		</span>
-	`);
-  });
-  it('should return undefined when element not exist ', () => {
-    expect(find(document.body, '#container #notExist >>> span')).toBeUndefined();
-  });
-});

package/dist/collection/utils/test/string.test.js

@@ -1,8 +0,0 @@
-import { camelToDashCase } from '../string';
-test('camelToDashCase as expected', () => {
-  expect(camelToDashCase('minLength')).toEqual('min-length');
-  expect(camelToDashCase('')).toEqual('');
-  expect(camelToDashCase('vegaClickCTA')).toEqual('vega-click-c-t-a');
-  expect(camelToDashCase('vegaChange')).toEqual('vega-change');
-  expect(camelToDashCase('vegaSelectAllChange')).toEqual('vega-select-all-change');
-});

package/dist/collection/utils/test/test-utils.test.js

@@ -1,70 +0,0 @@
-import { MockHTMLElement } from '@stencil/core/mock-doc';
-import { emptyContentBySelector, MockedMutationObserver, setComponentPropertyWithMutationObserver, setPropOnMockHTMLElement, triggerMouseEvent, } from '../spec-utils';
-import { getViewportByDeviceType } from '../test-utils';
-test('throw error as expected when type not in scope', () => {
-  expect(() => {
-    getViewportByDeviceType('small');
-  }).toThrow('Unsupported device type');
-});
-test('return result as expected when type is mobile', () => {
-  const result = getViewportByDeviceType('mobile');
-  expect(result).toEqual({ width: 375, height: 812 });
-});
-test('return result as expected when type is desktop', () => {
-  const result = getViewportByDeviceType('desktop');
-  expect(result).toEqual({ width: 1440, height: 768 });
-});
-test('set the special property on the target object', () => {
-  const targetDom = new MockHTMLElement(document, 'div');
-  setPropOnMockHTMLElement(targetDom, 'clientWidth', 100);
-  expect(targetDom['clientWidth']).toEqual(100);
-});
-test('should handle event while trigger mouse event', () => {
-  const div = document.createElement('div');
-  document.body.append(div);
-  const event = jest.fn();
-  document.addEventListener('mouseenter', event);
-  triggerMouseEvent(div, 'mouseenter');
-  expect(event).toBeCalledTimes(1);
-});
-test('should handle event while trigger mock mouse event', () => {
-  const div = new MockHTMLElement('body', 'div');
-  const event = jest.fn();
-  div.addEventListener('mouseenter', event);
-  triggerMouseEvent(div, 'mouseenter');
-  expect(event).toBeCalledTimes(1);
-});
-test('result as expected when call emptyContentBySelector method', () => {
-  const div = document.createElement('div');
-  document.body.append(div);
-  div.innerHTML = `
-		<div class='dom1'>dom1</div>
-		<div class='dom1'>dom1</div>
-		<div id='dom2'>dom2</div>
-	`;
-  emptyContentBySelector(document.body, '.dom1', '#dom2');
-  expect(div).toEqualHtml(`
-		<div>
-			<div class='dom1'></div>
-			<div class='dom1'></div>
-			<div id='dom2'></div>
-		</div>
-	`);
-});
-test('result as expected when call setComponentPropertyWithMutationObserver method', () => {
-  global.MutationObserver = MockedMutationObserver;
-  class MockedComponent {
-  }
-  const mockedComponent = new MockedComponent();
-  const callback1 = jest.fn();
-  new MutationObserver(callback1);
-  setComponentPropertyWithMutationObserver(mockedComponent, 'required', true);
-  expect(mockedComponent.required).toEqual(true);
-  expect(callback1).toBeCalledTimes(1);
-  const callback2 = jest.fn();
-  new MutationObserver(callback2);
-  setComponentPropertyWithMutationObserver(mockedComponent, 'required', false, 1);
-  expect(mockedComponent.required).toEqual(false);
-  expect(callback1).toBeCalledTimes(1);
-  expect(callback2).toBeCalledTimes(1);
-});

package/dist/collection/utils/test/timer.test.js

@@ -1,16 +0,0 @@
-import { debounce } from '../timer';
-test('execute add as expected', () => {
-  const container = document.createElement('div');
-  container.innerHTML = `<input type="text" id="myInput" />`;
-  const element = container.querySelector('input');
-  jest.useFakeTimers();
-  const action = jest.fn();
-  const doAction = debounce(action, 100, element);
-  doAction();
-  doAction();
-  jest.advanceTimersByTime(101);
-  doAction();
-  jest.advanceTimersByTime(101);
-  expect(action).toHaveBeenCalledTimes(2);
-  jest.useRealTimers();
-});

package/dist/collection/utils/test/ui.test.js

@@ -1,301 +0,0 @@
-import { DeviceType } from '../../types/ui.type';
-import { LogUtility } from '../log';
-import { setupUserAgent } from '../test-utils';
-import { arrayToClassString, getBrowserVisibleArea, getDeviceType, isParent, containerScrollToItem, isElementVisible, extractNumberFromString, hexToRGB, isTextWrapped, getElementComputedStyle, getHexFromShorthand, findParent, getDeepActiveElementInShadow, rgbToHex, } from '../ui';
-beforeAll(() => {
-  document.documentElement.scrollTop = 0;
-});
-test('return getBrowserVisibleArea as expected', () => {
-  Object.defineProperty(window, 'innerHeight', {
-    value: 150,
-  });
-  Object.defineProperty(window, 'pageYOffset', {
-    value: 150,
-  });
-  const visibleRect = getBrowserVisibleArea();
-  expect(visibleRect.bottom).toEqual(300);
-  expect(visibleRect.centerY).toEqual(225);
-});
-test('return getBrowserVisibleArea as expected when set documentElement.scrollTop', () => {
-  document.documentElement.scrollTop = 150;
-  Object.defineProperty(window, 'innerHeight', {
-    value: 150,
-  });
-  const visibleRect = getBrowserVisibleArea();
-  expect(visibleRect.bottom).toEqual(300);
-  expect(visibleRect.centerY).toEqual(225);
-});
-test('return getBrowserVisibleArea as expected when set body.scrollTop', () => {
-  document.documentElement.scrollTop = 0;
-  window['innerHeight'] = 150;
-  document.body.scrollTop = 150;
-  const visibleRect = getBrowserVisibleArea();
-  expect(document.documentElement.scrollTop).toEqual(0);
-  expect(visibleRect.bottom).toEqual(300);
-});
-test('return tablet when userAgent is set tablet ', () => {
-  setupUserAgent('tablet');
-  const deviceType = getDeviceType();
-  expect(deviceType).toEqual(DeviceType.TABLET);
-});
-test('return mobile when userAgent is set mobile ', () => {
-  setupUserAgent('mobile');
-  const deviceType = getDeviceType();
-  expect(deviceType).toEqual(DeviceType.MOBILE);
-});
-test('return desktop when userAgent is set desktop ', () => {
-  setupUserAgent('desktop');
-  const deviceType = getDeviceType();
-  expect(deviceType).toEqual(DeviceType.DESKTOP);
-});
-test('toClassString as expected when array set', () => {
-  const source = ['class1', null, undefined, '', 'class2'];
-  const result = arrayToClassString(source);
-  expect(result).toEqual('class1 class2');
-});
-test('toClassString as expected when array not set', () => {
-  const result = arrayToClassString(null);
-  expect(result).toEqual('');
-});
-test('isParent as expected', () => {
-  const container = document.createElement('div');
-  container.innerHTML = `
-    <vega-card class='card1'>
-        <div>
-			<div class='inner2'></div>
-			<div class='inner3'></div>
-		</div>
-    </vega-card>
-	<div class='inner1'></div>`;
-  document.body.append(container);
-  const card = document.body.querySelector('vega-card');
-  const inner2 = document.body.querySelector('.inner2');
-  const inner3 = document.body.querySelector('.inner3');
-  const inner1 = document.body.querySelector('.inner1');
-  expect(isParent(inner2, card)).toBeTruthy();
-  expect(isParent(inner2, inner3)).toBeFalsy();
-  expect(isParent(inner2, inner1)).toBeFalsy();
-  expect(isParent(undefined, inner1)).toBeFalsy();
-  expect(isParent(inner2, undefined)).toBeFalsy();
-});
-test('isParent as expected in shadow dom', () => {
-  const container = document.createElement('div');
-  container.innerHTML = `<div class='shadow'><p></p></div>`;
-  document.body.append(container);
-  const shadowNode = document.body.querySelector('.shadow');
-  const shadowRoot = shadowNode.attachShadow({ mode: 'open' });
-  const shadowSpan = shadowRoot.appendChild(document.createElement('span'));
-  const shadowSlot = shadowNode.querySelector('p');
-  expect(shadowNode.contains(shadowSpan)).toBeFalsy();
-  expect(isParent(shadowSpan, shadowNode)).toBeTruthy();
-  expect(isParent(shadowSlot, shadowNode)).toBeTruthy();
-});
-test('isParent should work as expected in shadow dom', () => {
-  const container = document.createElement('div');
-  container.innerHTML = `<div id='shadowComp'></div>`;
-  document.body.append(container);
-  const shadowCompShadowRoot = container.attachShadow({ mode: 'open' });
-  const span = document.createElement('span');
-  span.textContent = "I'm in the shadow DOM";
-  shadowCompShadowRoot.appendChild(span);
-  expect(isParent(span, container)).toBeTruthy();
-});
-test('containerScrollToItem as expected', () => {
-  const container = document.createElement('div');
-  container.innerHTML = `
-    <vega-card class='card' style='max-height: 90px; overflow: auto;'>
-		<div class='inner1' style='height: 30px;'>1</div>
-		<div class='inner2' style='height: 30px;'>1</div>
-		<div class='inner3' style='height: 30px;'>1</div>
-		<div class='inner4' style='height: 30px;'>1</div>
-		<div class='inner5' style='height: 30px;'>1</div>
-		<div class='inner6' style='height: 30px;'>1</div>
-		<div class='inner7' style='height: 30px;'>1</div>
-		<div class='inner8' style='height: 30px;'>1</div>
-    </vega-card>`;
-  document.body.append(container);
-  const card = document.body.querySelector('vega-card');
-  const item = document.body.querySelector('.inner6');
-  Object.assign(item, { offsetTop: 150 });
-  containerScrollToItem(card, item);
-  expect(card.scrollTop).toEqual(150);
-  const item1 = document.body.querySelector('.inner2');
-  Object.assign(item1, { offsetTop: 30 });
-  containerScrollToItem(card, item1);
-  expect(card.scrollTop).toEqual(30);
-});
-test('isElementVisible should return true if height larger than 0', () => {
-  const container = document.createElement('div');
-  spyOn(container, 'getBoundingClientRect').and.returnValue({
-    height: 50,
-  });
-  expect(isElementVisible(container)).toBeTruthy();
-});
-test('isElementVisible should return false if height is 0', () => {
-  const container = document.createElement('div');
-  spyOn(container, 'getBoundingClientRect').and.returnValue({
-    height: 0,
-  });
-  expect(isElementVisible(container)).toBeFalsy();
-});
-test('extractNumberFromString should work as expected', () => {
-  expect(extractNumberFromString(null)).toEqual(null);
-  expect(extractNumberFromString('')).toEqual(null);
-  expect(extractNumberFromString('test-')).toEqual(null);
-  expect(extractNumberFromString('test-12-test')).toEqual(12);
-  expect(extractNumberFromString('test-*-12-*-test3')).toEqual(123);
-});
-test('hexToRGB should work as expected', () => {
-  expect(hexToRGB('#FFFFFF')).toEqual({ b: 255, g: 255, r: 255 });
-  expect(hexToRGB('#FFF')).toEqual({ b: 255, g: 255, r: 255 });
-  expect(hexToRGB('GGG')).toEqual(null);
-});
-test('rgbToHex should work as expected', () => {
-  expect(rgbToHex('#FFFFFF')).toEqual(null);
-  expect(rgbToHex('rgb(106, 3, 79)')).toEqual('#6a034f');
-  expect(rgbToHex('rgb(106, 3)')).toEqual(null);
-});
-test('hexFullFormConverter should work as expected', () => {
-  expect(getHexFromShorthand('#FFF')).toEqual('#FFFFFF');
-  expect(getHexFromShorthand('AAA')).toEqual('#AAAAAA');
-  expect(getHexFromShorthand('#BBBBBB')).toEqual('#BBBBBB');
-  expect(getHexFromShorthand('#bbb')).toEqual('#bbbbbb');
-});
-describe('isTextWrapped', () => {
-  let element;
-  beforeEach(() => {
-    element = document.createElement('div');
-    Object.assign(element, { clientHeight: 44 });
-  });
-  test('isTextWrapped should return true', () => {
-    spyOn(window, 'getComputedStyle').and.returnValue({
-      getPropertyValue: jest.fn().mockReturnValueOnce('22px'),
-    });
-    const returnValue = isTextWrapped(element);
-    expect(returnValue).toEqual(true);
-  });
-  test('isTextWrapped should return false', () => {
-    spyOn(window, 'getComputedStyle').and.returnValue({
-      getPropertyValue: jest.fn().mockReturnValueOnce('50px'),
-    });
-    const returnValue = isTextWrapped(element);
-    expect(returnValue).toEqual(false);
-  });
-  test('isTextWrapped should console warn information', () => {
-    spyOn(window, 'getComputedStyle').and.returnValue({
-      getPropertyValue: jest.fn().mockReturnValueOnce('normal'),
-    });
-    spyOn(LogUtility, 'warn');
-    isTextWrapped(element);
-    expect(LogUtility.warn).toBeCalledTimes(1);
-    expect(LogUtility.warn).toHaveBeenCalledWith('The line height of this element is not obtained');
-  });
-  test('return getElementComputedStyle as expected', () => {
-    spyOn(window, 'getComputedStyle').and.returnValue({
-      getPropertyValue: jest.fn().mockReturnValueOnce('16px'),
-    });
-    const element = document.createElement('div');
-    element.innerText = 'test';
-    const returnValue = getElementComputedStyle(element, 'font-size');
-    expect(returnValue).toEqual('16px');
-  });
-  test('should return the element parent when call findParent', () => {
-    const container = document.createElement('div');
-    container.innerHTML = `
-    <p>
-        <span id="test">test content</span>
-    </p>
-    `;
-    document.body.append(container);
-    const testEl = document.querySelector('#test');
-    expect(findParent(testEl, 'div')).toEqual(container);
-    expect(findParent(testEl, 'span')).toEqual(null);
-  });
-  test('should return the element parent when call findParent in shadow dom', () => {
-    const container = document.createElement('div');
-    container.innerHTML = `
-    <div id='shadowComp'>
-    </div>
-    `;
-    document.body.append(container);
-    const shadowCompShadowRoot = container.attachShadow({ mode: 'open' });
-    const span = document.createElement('span');
-    span.textContent = "I'm in the shadow DOM";
-    shadowCompShadowRoot.appendChild(span);
-    expect(findParent(span, 'div')).toEqual(container);
-  });
-  test('getDeepActiveElementInShadow', () => {
-    const container = document.createElement('div');
-    container.innerHTML = `
-    <input id='input-out-of-shadow' />
-    <div id='shadow-container'></div>
-    `;
-    document.body.append(container);
-    const shadowContainer = document.querySelector('#shadow-container');
-    document.querySelector('#shadow-container').attachShadow({ mode: 'open' });
-    const innerShadow = document.createElement('div');
-    innerShadow.attachShadow({ mode: 'open' });
-    const innerElement = document.createElement('input');
-    innerShadow.shadowRoot.appendChild(innerElement);
-    shadowContainer.shadowRoot.appendChild(innerShadow);
-    document.querySelector('#input-out-of-shadow').focus();
-    expect(getDeepActiveElementInShadow()).toEqual(document.activeElement);
-    innerElement.focus();
-    expect(getDeepActiveElementInShadow()).not.toEqual(shadowContainer);
-  });
-});
-describe('findParent', () => {
-  test('should return nearest parent by default', () => {
-    const container = document.createElement('div');
-    container.innerHTML = `
-      <div class="outer-div">
-        <div>
-          <div class="inner-div">
-            <input id="test-input" />
-          </div>
-        </div>
-      </div>
-    `;
-    document.body.append(container);
-    const testInput = document.querySelector('#test-input');
-    const innerDiv = document.querySelector('.inner-div');
-    expect(findParent(testInput, 'div.inner-div')).toEqual(innerDiv);
-  });
-  test('should return outermost parent when outerMost is true', () => {
-    const container = document.createElement('div');
-    container.innerHTML = `
-      <div class="outer-div">
-        <div>
-          <div class="inner-div">
-            <input id="test-input" />
-          </div>
-        </div>
-      </div>
-    `;
-    document.body.append(container);
-    const testInput = document.querySelector('#test-input');
-    const outerDiv = document.querySelector('.outer-div');
-    expect(findParent(testInput, 'div.outer-div', { outerMost: true })).toEqual(outerDiv);
-  });
-  test('should return outermost parent in shadow DOM when outerMost is true', () => {
-    document.body.innerHTML = `<div class="outer-div"></div>`;
-    const outerDiv = document.querySelector('.outer-div');
-    const shadowRoot = outerDiv.attachShadow({ mode: 'open' });
-    const innerDiv = document.createElement('div');
-    innerDiv.className = 'inner-div';
-    const span = document.createElement('span');
-    innerDiv.appendChild(span);
-    shadowRoot.appendChild(innerDiv);
-    expect(findParent(span, 'div', { outerMost: true })).toEqual(outerDiv);
-  });
-  test('should return null when no parent matches selector with outerMost', () => {
-    const container = document.createElement('div');
-    container.innerHTML = `<p><span id="test">test</span></p>`;
-    document.body.append(container);
-    const testEl = document.querySelector('#test');
-    expect(findParent(testEl, 'form', { outerMost: true })).toEqual(null);
-  });
-  test('should return null when element is null', () => {
-    expect(findParent(null, 'div', { outerMost: true })).toEqual(null);
-  });
-});

package/dist/collection/utils/test-utils.js

@@ -1,156 +0,0 @@
-import { MockHTMLElement } from '@stencil/core/mock-doc';
-import { Breakpoints } from '../constants/tokens/breakpoints';
-import { DeviceType } from '../types/ui.type';
-/**
- * Get the viewport size for a given device type
- *
- * @param {'desktop' | 'mobile'} size - The device type.
- * @returns {ViewportType} An object with the width and height of the viewport.
- */
-export const getViewportByDeviceType = (size) => {
-  switch (size) {
-    case DeviceType.DESKTOP:
-      return { width: 1440, height: 768 };
-    case DeviceType.MOBILE:
-      return { width: 375, height: 812 };
-    case DeviceType.TABLET:
-      return { width: 768, height: 1024 };
-    default:
-      throw new Error('Unsupported device type');
-  }
-};
-/**
- * Get the viewport size for device
- *
- * @param {TestDeviceType} device - device name
- * @returns {ViewportType} Width and height of the viewport.
- */
-export const getViewportByDevice = (device) => {
-  switch (device) {
-    case 'iPad-Air':
-      return { width: 820, height: 1180 };
-    case 'iPhone8-Plus':
-      return { width: 414, height: 736 };
-  }
-};
-/**
- * Get the viewport size by breakpoint.
- *
- * @param {'S' | 'M' | 'L' | 'XL'} size - The size of the viewport.
- * @returns {ViewportType} An object with a width and height property.
- */
-export const getViewportByBreakpoints = (size) => {
-  return { width: Breakpoints[size], height: 812 };
-};
-/**
- * setup UserAgent
- *
- * @param {'mobile' | 'desktop' | 'tablet'} agentType - agentType
- */
-export function setupUserAgent(agentType) {
-  let agent;
-  let maxTouchPoints;
-  if (agentType === 'mobile') {
-    agent =
-      'Mozilla/5.0 (Linux; Android 12) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.88 Mobile Safari/537.36';
-    maxTouchPoints = 1;
-  }
-  else if (agentType === 'desktop') {
-    agent =
-      'Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36';
-    maxTouchPoints = 0;
-  }
-  else {
-    agent = 'Mozilla/5.0 (iPad; CPU OS 13_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko)';
-    maxTouchPoints = 1;
-  }
-  Object.defineProperty(window, 'navigator', {
-    configurable: true,
-    writable: true,
-    value: { userAgent: agent, maxTouchPoints: maxTouchPoints },
-  });
-}
-/**
- * NOTE: This const is only for **E2E** **SPEC** test cases.
- * The function mocks an SVG element constructor for testing purposes in TypeScript or other properties if not defined.
- *
- * @todo Need update the mock function
- * @param {SVGElement} [svg] - The `svg` parameter is an optional argument of type `SVGElement`. If it
- * is provided, it will be used as the mock SVG element. If it is not provided, a new SVG element will
- * be created using `document.createElementNS('http://www.w3.org/2000/svg',
- */
-export function mockChartElement(svg) {
-  if (!globalThis.SVGElement) {
-    // eslint-disable-next-line no-restricted-globals
-    svg = svg || document.createElementNS('http://www.w3.org/2000/svg', 'svg');
-    // eslint-disable-next-line @typescript-eslint/naming-convention
-    Object.defineProperty(globalThis, 'SVGElement', {
-      value: svg.constructor,
-    });
-  }
-  if (!globalThis.Path2D) {
-    Object.defineProperty(globalThis, 'Path2D', {
-      value: jest.fn(),
-    });
-  }
-  try {
-    //For the getParentClientWidth and getParentClientHeight return null
-    Object.defineProperty(MockHTMLElement.prototype, 'clientWidth', {
-      /**
-       * return the style width when get clientWidth, style.width=500px return 500
-       *
-       * @returns {number} element width
-       */
-      get: function () {
-        const styleWidth = this.style.width;
-        return styleWidth.indexOf('px') > 0 ? Number(styleWidth.replace('px', '')) : 0;
-      },
-    });
-    Object.defineProperty(MockHTMLElement.prototype, 'clientHeight', {
-      /**
-       * return the style height when get clientHeight, style.height=500px return 500
-       *
-       * @returns {number} element height
-       */
-      get: function () {
-        const styleHeight = this.style.height;
-        return styleHeight.indexOf('px') > 0 ? Number(styleHeight.replace('px', '')) : 0;
-      },
-    });
-    // eslint-disable-next-line no-empty
-  }
-  catch (e) { }
-}
-/**
- * NOTE: This const is only for **SPEC** test cases.
- * This method allows the program to stay for a period of time.
- *
- * @param {number} [ms] - The `ms` milliseconds of stay.
- * @returns {Promise<void>} - promise used to signal the process is done
- */
-export function sleep(ms) {
-  return new Promise((resolve) => {
-    setTimeout(resolve, ms);
-  });
-}
-/* istanbul ignore next */
-/**
- * NOTE: This const is only for **E2E** test cases.
- * This method is to assert values of two arrays are close.
- *
- * @param {number[]} actualValue - The actualValue.
- * @param {number[]} expectedValue  - The expectedValue.
- * @param {number} tolerance - The value difference tolerance of two arrays.
- * @returns {boolean} - the return value
- */
-export function ArrayComparing(actualValue, expectedValue, tolerance) {
-  if (actualValue.length !== expectedValue.length) {
-    throw new Error('Arrays must be of the same length');
-  }
-  actualValue.forEach((value, index) => {
-    if (Math.abs(value - expectedValue[index]) > tolerance) {
-      throw new Error(`actualValue: ${JSON.stringify(actualValue)} expectedValue: ${JSON.stringify(expectedValue)}`); // output values of two arrays if values are not close
-    }
-  });
-  return true; // values of two arrays are close
-}

package/dist/types/components/vega-calendar/slimmers/common/helpers/test/calendar-event-repeat-pattern-factory.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/vega-calendar/slimmers/common/layout/test/long-event-layout-generator.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/vega-calendar/slimmers/day-view/renderers/timed-event/layout/test/day-view-event-layout-generator.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/vega-code-block/test/code-block-range.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/types/components/vega-dropdown/test/share.d.ts

@@ -1,12 +0,0 @@
-import { E2EPage } from '@stencil/core/testing';
-/**
- * The function `typeDropdownSearch` is a TypeScript function that takes a web page and a value as
- * input and types the value into a dropdown search input field.
- *
- * @param {E2EPage} page - The `page` parameter is an instance of the E2EPage class. It represents a
- * browser page and provides methods to interact with the page's DOM and perform actions like clicking,
- * typing, etc.
- * @param {string} value - The `value` parameter is the string value that you want to type into the
- * input field.
- */
-export declare const typeDropdownSearch: (page: E2EPage, value: string) => Promise<void>;

package/dist/types/components/vega-input-credit-card/test/share.d.ts

@@ -1,18 +0,0 @@
-import { E2EPage } from '@stencil/core/testing';
-/**
- * The function `typeInputCreditCard` is used to enter a credit card number into an input field on a
- * web page.
- *
- * @param {E2EPage} page - The `page` parameter is an instance of the E2EPage class. It represents a
- * browser page and provides methods to interact with the page's DOM and perform actions like clicking,
- * typing, etc.
- * @param {string} value - The value parameter is the credit card number that you want to input into
- * the input field.
- */
-export declare const typeInputCreditCard: (page: E2EPage, value: string) => Promise<void>;
-/**
- * The function `clickCreditCardInput` clicks on the credit card input field on a web page.
- *
- * @param {E2EPage} page - The parameter "page" is of type E2EPage. It is likely an object representing a web page in an end-to-end testing framework such as Puppeteer or Playwright.
- */
-export declare const clickCreditCardInput: (page: E2EPage) => Promise<void>;