@vuu-ui/vuu-utils 2.1.18 → 2.1.19-beta.2

package/cjs/packages/vuu-utils/src/formatting-utils.js

@@ -1,98 +0,0 @@
-'use strict';
-
-var columnUtils = require('./column-utils.js');
-require('./date/date-utils.js');
-var dateTimePattern = require('./date/dateTimePattern.js');
-var formatter = require('./date/formatter.js');
-var roundDecimal = require('./round-decimal.js');
-var protocolMessageUtils = require('./protocol-message-utils.js');
-
-const DEFAULT_NUMERIC_FORMAT = {};
-const defaultValueFormatter = (value) => value == null ? "" : typeof value === "string" ? value : value.toString();
-const dateFormatter = (column) => {
-  const pattern = dateTimePattern.dateTimePattern(column.type);
-  const formatter$1 = formatter.formatDate(pattern);
-  return (value) => {
-    if (typeof value === "number" && value !== 0) {
-      return formatter$1(new Date(value));
-    } else {
-      return "";
-    }
-  };
-};
-const numericFormatter = ({
-  align = "right",
-  serverDataType,
-  type
-}) => {
-  if (type === void 0 || typeof type === "string") {
-    return defaultValueFormatter;
-  } else {
-    const {
-      alignOnDecimals = false,
-      decimals,
-      roundingRule,
-      useLocaleString,
-      zeroPad = false
-    } = type.formatting ?? DEFAULT_NUMERIC_FORMAT;
-    return (value) => {
-      if (serverDataType?.startsWith("scaleddecimal")) {
-        if (typeof value === "string") {
-          return roundDecimal.roundScaledDecimal(
-            value,
-            align,
-            decimals,
-            zeroPad,
-            alignOnDecimals,
-            useLocaleString,
-            roundingRule
-          );
-        } else {
-          throw Error(
-            `[formatting-utils] numericFormatter, invalid data for ${serverDataType}: '${value}'`
-          );
-        }
-      }
-      if (typeof value === "string" && (value.startsWith("\u03A3") || value.startsWith("["))) {
-        return value;
-      }
-      const number = typeof value === "number" ? value : typeof value === "string" ? parseFloat(value) : void 0;
-      return roundDecimal.roundDecimal(
-        number,
-        align,
-        decimals,
-        zeroPad,
-        alignOnDecimals,
-        useLocaleString,
-        roundingRule
-      );
-    };
-  }
-};
-const mapFormatter = (map) => {
-  return (value) => {
-    return map[value] ?? "";
-  };
-};
-const NumericTypes = ["decimal", "number"];
-const getValueFormatter = (column, serverDataType = column.serverDataType) => {
-  if (columnUtils.isDateTimeDataValue(column, serverDataType) || columnUtils.isTimeDataValue(column)) {
-    return dateFormatter(column);
-  }
-  const { type } = column;
-  if (columnUtils.isTypeDescriptor(type) && columnUtils.isMappedValueTypeRenderer(type?.renderer)) {
-    return mapFormatter(type.renderer.map);
-  } else if (protocolMessageUtils.isNumericType(serverDataType) || columnUtils.isTypeDescriptor(type) && NumericTypes.includes(type.name)) {
-    return numericFormatter(column);
-  } else if (serverDataType === "string" || serverDataType === "char") {
-    return (value) => value;
-  }
-  return defaultValueFormatter;
-};
-const lowerCase = (str) => str.toLowerCase();
-
-exports.defaultValueFormatter = defaultValueFormatter;
-exports.getValueFormatter = getValueFormatter;
-exports.lowerCase = lowerCase;
-exports.numericFormatter = numericFormatter;
-//# sourceMappingURL=formatting-utils.js.map

package/cjs/packages/vuu-utils/src/formatting-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"formatting-utils.js","sources":["../../../../../../packages/vuu-utils/src/formatting-utils.ts"],"sourcesContent":["import { DataValueDescriptor } from \"@vuu-ui/vuu-data-types\";\nimport {\n  ColumnDescriptor,\n  ColumnTypeFormatting,\n  ColumnTypeValueMap,\n  ValueFormatter,\n} from \"@vuu-ui/vuu-table-types\";\nimport {\n  isDateTimeDataValue,\n  isMappedValueTypeRenderer,\n  isTimeDataValue,\n  isTypeDescriptor,\n} from \"./column-utils\";\nimport { dateTimePattern, formatDate } from \"./date\";\nimport { roundDecimal, roundScaledDecimal } from \"./round-decimal\";\nimport { isNumericType } from \"./protocol-message-utils\";\n\nexport type ValueFormatters = {\n  [key: string]: ValueFormatter;\n};\n\nconst DEFAULT_NUMERIC_FORMAT: ColumnTypeFormatting = {};\n\nexport const defaultValueFormatter = (value: unknown) =>\n  value == null ? \"\" : typeof value === \"string\" ? value : value.toString();\n\nconst dateFormatter = (column: DataValueDescriptor) => {\n  const pattern = dateTimePattern(column.type);\n  const formatter = formatDate(pattern);\n\n  return (value: unknown) => {\n    if (typeof value === \"number\" && value !== 0) {\n      return formatter(new Date(value));\n    } else {\n      return \"\";\n    }\n  };\n};\n\nexport const numericFormatter = ({\n  align = \"right\",\n  serverDataType,\n  type,\n}: Partial<ColumnDescriptor>) => {\n  if (type === undefined || typeof type === \"string\") {\n    return defaultValueFormatter;\n  } else {\n    const {\n      alignOnDecimals = false,\n      decimals,\n      roundingRule,\n      useLocaleString,\n      zeroPad = false,\n    } = type.formatting ?? DEFAULT_NUMERIC_FORMAT;\n    return (value: unknown) => {\n      if (serverDataType?.startsWith(\"scaleddecimal\")) {\n        if (typeof value === \"string\") {\n          return roundScaledDecimal(\n            value,\n            align,\n            decimals,\n            zeroPad,\n            alignOnDecimals,\n            useLocaleString,\n            roundingRule,\n          );\n        } else {\n          throw Error(\n            `[formatting-utils] numericFormatter, invalid data for ${serverDataType}: '${value}'`,\n          );\n        }\n      }\n      if (\n        typeof value === \"string\" &&\n        (value.startsWith(\"Σ\") || value.startsWith(\"[\"))\n      ) {\n        return value;\n      }\n      const number =\n        typeof value === \"number\"\n          ? value\n          : typeof value === \"string\"\n            ? parseFloat(value)\n            : undefined;\n      return roundDecimal(\n        number,\n        align,\n        decimals,\n        zeroPad,\n        alignOnDecimals,\n        useLocaleString,\n        roundingRule,\n      );\n    };\n  }\n};\n\nconst mapFormatter = (map: ColumnTypeValueMap) => {\n  return (value: unknown) => {\n    return map[value as string] ?? \"\";\n  };\n};\n\nconst NumericTypes = [\"decimal\", \"number\"];\n\nexport const getValueFormatter = (\n  column: ColumnDescriptor,\n  serverDataType = column.serverDataType,\n): ValueFormatter => {\n  if (isDateTimeDataValue(column, serverDataType) || isTimeDataValue(column)) {\n    return dateFormatter(column);\n  }\n\n  const { type } = column;\n  if (isTypeDescriptor(type) && isMappedValueTypeRenderer(type?.renderer)) {\n    return mapFormatter(type.renderer.map);\n  } else if (\n    isNumericType(serverDataType) ||\n    (isTypeDescriptor(type) && NumericTypes.includes(type.name))\n  ) {\n    return numericFormatter(column);\n  } else if (serverDataType === \"string\" || serverDataType === \"char\") {\n    return (value: unknown) => value as string;\n  }\n  return defaultValueFormatter;\n};\n\n/**\n * Lowercases a string and returns as Lowercase typescript type\n *\n * @param str the input string\n * @returns str converted to Lowercase\n */\nexport const lowerCase = (str: string) =>\n  str.toLowerCase() as Lowercase<string>;\n"],"names":["dateTimePattern","formatter","formatDate","roundScaledDecimal","roundDecimal","isDateTimeDataValue","isTimeDataValue","isTypeDescriptor","isMappedValueTypeRenderer","isNumericType"],"mappings":"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"}

package/cjs/packages/vuu-utils/src/getUniqueId.js

@@ -1,6 +0,0 @@
-'use strict';
-
-const getUniqueId = () => `hw-${Math.round(Math.random() * 1e5)}`;
-
-exports.getUniqueId = getUniqueId;
-//# sourceMappingURL=getUniqueId.js.map

package/cjs/packages/vuu-utils/src/getUniqueId.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getUniqueId.js","sources":["../../../../../../packages/vuu-utils/src/getUniqueId.ts"],"sourcesContent":["export const getUniqueId = () => `hw-${Math.round(Math.random() * 1e5)}`;\n"],"names":[],"mappings":";;AAAa,MAAA,WAAA,GAAc,MAAM,CAAM,GAAA,EAAA,IAAA,CAAK,MAAM,IAAK,CAAA,MAAA,EAAW,GAAA,GAAG,CAAC,CAAA;;;;"}

package/cjs/packages/vuu-utils/src/group-utils.js

@@ -1,27 +0,0 @@
-'use strict';
-
-function addGroupColumn(groupBy, column) {
-  if (groupBy.length > 0) {
-    return groupBy.concat(column.name);
-  } else {
-    return [column.name];
-  }
-}
-const removeGroupColumn = (groupBy, column) => groupBy.filter((colName) => colName !== column.name);
-const getGroupStatus = (columnName, groupBy) => {
-  if (groupBy === void 0 || groupBy.length === 0) {
-    return "no-groupby";
-  } else {
-    const indexPos = groupBy.indexOf(columnName);
-    if (indexPos === -1) {
-      return groupBy.length === 1 ? "single-groupby-other-column" : "multi-groupby-other-columns";
-    } else {
-      return groupBy.length === 1 ? "single-groupby" : "single-groupby-other-column";
-    }
-  }
-};
-
-exports.addGroupColumn = addGroupColumn;
-exports.getGroupStatus = getGroupStatus;
-exports.removeGroupColumn = removeGroupColumn;
-//# sourceMappingURL=group-utils.js.map

package/cjs/packages/vuu-utils/src/group-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"group-utils.js","sources":["../../../../../../packages/vuu-utils/src/group-utils.ts"],"sourcesContent":["import { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { VuuGroupBy } from \"@vuu-ui/vuu-protocol-types\";\n\nexport function addGroupColumn(groupBy: VuuGroupBy, column: ColumnDescriptor) {\n  if (groupBy.length > 0) {\n    return groupBy.concat(column.name);\n  } else {\n    return [column.name];\n  }\n}\n\nexport const removeGroupColumn = (\n  groupBy: VuuGroupBy,\n  column: ColumnDescriptor,\n) => groupBy.filter((colName) => colName !== column.name);\n\nexport type ColumnGroupStatus =\n  | \"no-groupby\"\n  | \"single-groupby-other-column\"\n  | \"single-groupby\"\n  | \"multi-groupby-other-columns\"\n  | \"multi-groupby-includes-column\";\n\n/**\n * Given a VuuGroupby definition and a column, determine whether the given column\n * is included in the grouping and if so, in what position/direction.\n */\nexport const getGroupStatus = (\n  columnName: string,\n  groupBy?: VuuGroupBy,\n): ColumnGroupStatus => {\n  if (groupBy === undefined || groupBy.length === 0) {\n    return \"no-groupby\";\n  } else {\n    const indexPos = groupBy.indexOf(columnName);\n    if (indexPos === -1) {\n      return groupBy.length === 1\n        ? \"single-groupby-other-column\"\n        : \"multi-groupby-other-columns\";\n    } else {\n      return groupBy.length === 1\n        ? \"single-groupby\"\n        : \"single-groupby-other-column\";\n    }\n  }\n};\n"],"names":[],"mappings":";;AAGgB,SAAA,cAAA,CAAe,SAAqB,MAA0B,EAAA;AAC5E,EAAI,IAAA,OAAA,CAAQ,SAAS,CAAG,EAAA;AACtB,IAAO,OAAA,OAAA,CAAQ,MAAO,CAAA,MAAA,CAAO,IAAI,CAAA;AAAA,GAC5B,MAAA;AACL,IAAO,OAAA,CAAC,OAAO,IAAI,CAAA;AAAA;AAEvB;AAEa,MAAA,iBAAA,GAAoB,CAC/B,OAAA,EACA,MACG,KAAA,OAAA,CAAQ,OAAO,CAAC,OAAA,KAAY,OAAY,KAAA,MAAA,CAAO,IAAI;AAa3C,MAAA,cAAA,GAAiB,CAC5B,UAAA,EACA,OACsB,KAAA;AACtB,EAAA,IAAI,OAAY,KAAA,KAAA,CAAA,IAAa,OAAQ,CAAA,MAAA,KAAW,CAAG,EAAA;AACjD,IAAO,OAAA,YAAA;AAAA,GACF,MAAA;AACL,IAAM,MAAA,QAAA,GAAW,OAAQ,CAAA,OAAA,CAAQ,UAAU,CAAA;AAC3C,IAAA,IAAI,aAAa,CAAI,CAAA,EAAA;AACnB,MAAO,OAAA,OAAA,CAAQ,MAAW,KAAA,CAAA,GACtB,6BACA,GAAA,6BAAA;AAAA,KACC,MAAA;AACL,MAAO,OAAA,OAAA,CAAQ,MAAW,KAAA,CAAA,GACtB,gBACA,GAAA,6BAAA;AAAA;AACN;AAEJ;;;;;;"}

package/cjs/packages/vuu-utils/src/html-utils.js

@@ -1,162 +0,0 @@
-'use strict';
-
-const createEl = (elementType, className, textContent) => {
-  const el = document.createElement(elementType);
-  if (className) {
-    el.className = className;
-  }
-  if (textContent) {
-    el.textContent = textContent;
-  }
-  return el;
-};
-const getFocusableElement = (el, tabIndex) => {
-  if (el) {
-    if (el.hasAttribute("tabindex")) {
-      const rootTabIndex = parseInt(el.getAttribute("tabindex"));
-      if (!isNaN(rootTabIndex) && (tabIndex === void 0 || rootTabIndex === tabIndex)) {
-        return el;
-      }
-    }
-    const focusableEl = typeof tabIndex === "number" ? el.querySelector(`[tabindex="${tabIndex}"]`) : el.querySelector("[tabindex]");
-    if (focusableEl) {
-      return focusableEl;
-    }
-  }
-};
-const getElementDataIndex = (el) => {
-  if (el) {
-    const index = parseInt(el.dataset.index || "");
-    if (!isNaN(index)) {
-      return index;
-    }
-  }
-  return -1;
-};
-function queryClosest(el, cssQueryString, throwIfNotFound) {
-  if (el) {
-    const result = el.closest(cssQueryString);
-    if (result) {
-      return result;
-    }
-  }
-  if (throwIfNotFound) {
-    throw Error(`no element found to match '${cssQueryString}'`);
-  } else {
-    return null;
-  }
-}
-const getClosest = (el, dataProperty) => queryClosest(el, `[data-${dataProperty}]`);
-const getClosestIndexItem = (el) => getClosest(el, "index");
-function getElementByDataIndex(container, index, throwIfNotFound = false) {
-  if (container == null && throwIfNotFound) {
-    throw Error("html-utils getElementByDataIndex, container is null");
-  }
-  const element = container?.querySelector(
-    `[data-index="${index}"]`
-  );
-  if (element) {
-    return element;
-  } else if (throwIfNotFound) {
-    throw Error(
-      "html-utils getElementByDataIndex, Item not found with data-index='${index}'"
-    );
-  } else {
-    return void 0;
-  }
-}
-const focusFirstFocusableElement = (el, tabIndex) => {
-  requestAnimationFrame(() => {
-    const focusableElement = getFocusableElement(el, tabIndex);
-    if (focusableElement) {
-      focusableElement.focus();
-    }
-  });
-};
-const isSelectableElement = (el) => {
-  const item = el?.closest("[data-index]");
-  if (!item || item.ariaDisabled || item.dataset.selectable === "false" || item.querySelector('[data-selectable="false"],[aria-disabled="true"]')) {
-    return false;
-  } else {
-    return true;
-  }
-};
-const isInputElement = (el) => {
-  if (el === null) {
-    return false;
-  } else {
-    return el.tagName === "INPUT";
-  }
-};
-const isDateInput = (el) => isInputElement(el) && el.classList.contains("saltDateInput-input");
-const hasOpenOptionList = (el) => {
-  if (el !== null) {
-    return el.ariaExpanded === "true";
-  }
-};
-let size;
-function getScrollbarSize() {
-  if (size === void 0) {
-    let outer = document.createElement("div");
-    outer.className = "scrollable-content";
-    outer.style.width = "50px";
-    outer.style.height = "50px";
-    outer.style.overflowY = "scroll";
-    outer.style.position = "absolute";
-    outer.style.top = "-200px";
-    outer.style.left = "-200px";
-    const inner = document.createElement("div");
-    inner.style.height = "100px";
-    inner.style.width = "100%";
-    outer.appendChild(inner);
-    document.body.appendChild(outer);
-    const outerWidth = outer.offsetWidth;
-    const innerWidth = inner.offsetWidth;
-    document.body.removeChild(outer);
-    size = outerWidth - innerWidth;
-    outer = null;
-  }
-  return size;
-}
-const dispatchMouseEvent = (el, type) => {
-  const evt = new MouseEvent(type, {
-    view: window,
-    bubbles: true,
-    cancelable: true
-  });
-  el.dispatchEvent(evt);
-};
-const dispatchKeyboardEvent = (el, type, key) => {
-  const evt = new KeyboardEvent(type, {
-    key,
-    view: window,
-    bubbles: true,
-    cancelable: true
-  });
-  el.dispatchEvent(evt);
-};
-const dispatchCustomEvent = (el, type) => {
-  const evt = new Event(type, {
-    bubbles: true,
-    cancelable: true
-  });
-  el.dispatchEvent(evt);
-};
-
-exports.createEl = createEl;
-exports.dispatchCustomEvent = dispatchCustomEvent;
-exports.dispatchKeyboardEvent = dispatchKeyboardEvent;
-exports.dispatchMouseEvent = dispatchMouseEvent;
-exports.focusFirstFocusableElement = focusFirstFocusableElement;
-exports.getClosest = getClosest;
-exports.getClosestIndexItem = getClosestIndexItem;
-exports.getElementByDataIndex = getElementByDataIndex;
-exports.getElementDataIndex = getElementDataIndex;
-exports.getFocusableElement = getFocusableElement;
-exports.getScrollbarSize = getScrollbarSize;
-exports.hasOpenOptionList = hasOpenOptionList;
-exports.isDateInput = isDateInput;
-exports.isInputElement = isInputElement;
-exports.isSelectableElement = isSelectableElement;
-exports.queryClosest = queryClosest;
-//# sourceMappingURL=html-utils.js.map

package/cjs/packages/vuu-utils/src/html-utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"html-utils.js","sources":["../../../../../../packages/vuu-utils/src/html-utils.ts"],"sourcesContent":["export const createEl = (\n  elementType: \"div\" | \"p\" | \"span\",\n  className?: string,\n  textContent?: string,\n): HTMLElement => {\n  const el = document.createElement(elementType);\n  if (className) {\n    el.className = className;\n  }\n  if (textContent) {\n    el.textContent = textContent;\n  }\n  return el;\n};\n\nexport const getFocusableElement = (\n  el: HTMLElement | null,\n  tabIndex?: number,\n) => {\n  if (el) {\n    if (el.hasAttribute(\"tabindex\")) {\n      const rootTabIndex = parseInt(el.getAttribute(\"tabindex\") as string);\n      if (\n        !isNaN(rootTabIndex) &&\n        (tabIndex === undefined || rootTabIndex === tabIndex)\n      ) {\n        return el;\n      }\n    }\n    const focusableEl =\n      typeof tabIndex === \"number\"\n        ? (el.querySelector(`[tabindex=\"${tabIndex}\"]`) as HTMLElement)\n        : (el.querySelector(\"[tabindex]\") as HTMLElement);\n    if (focusableEl) {\n      return focusableEl as HTMLElement;\n    }\n  }\n};\n\nexport const getElementDataIndex = (el: HTMLElement | null) => {\n  if (el) {\n    const index = parseInt(el.dataset.index || \"\");\n    if (!isNaN(index)) {\n      return index;\n    }\n  }\n  return -1;\n};\n\nexport function queryClosest<T extends HTMLElement = HTMLElement>(\n  el: HTMLElement | EventTarget | null,\n  cssQueryString: string,\n  throwIfNotFound?: false,\n): T | null;\nexport function queryClosest<T extends HTMLElement = HTMLElement>(\n  el: HTMLElement | EventTarget | null,\n  cssQueryString: string,\n  throwIfNotFound: true,\n): T;\nexport function queryClosest<T extends HTMLElement = HTMLElement>(\n  el: HTMLElement | EventTarget | null,\n  cssQueryString: string,\n  throwIfNotFound?: boolean,\n) {\n  if (el) {\n    const result = (el as HTMLElement).closest(cssQueryString) as T;\n    if (result) {\n      return result;\n    }\n  }\n  if (throwIfNotFound) {\n    throw Error(`no element found to match '${cssQueryString}'`);\n  } else {\n    return null;\n  }\n}\n\nexport const getClosest = (el: HTMLElement, dataProperty: string) =>\n  queryClosest(el, `[data-${dataProperty}]`);\n\nexport const getClosestIndexItem = (el: HTMLElement) => getClosest(el, \"index\");\n\nexport function getElementByDataIndex(\n  c: HTMLElement | null | undefined,\n  i: number | string,\n  throwIfNotFound: true,\n): HTMLElement;\nexport function getElementByDataIndex(\n  c: HTMLElement | null | undefined,\n  i: number | string,\n  throwIfNotFound?: false,\n): HTMLElement | undefined;\nexport function getElementByDataIndex(\n  container: HTMLElement | null | undefined,\n  index: number | string,\n  throwIfNotFound = false,\n) {\n  if (container == null && throwIfNotFound) {\n    throw Error(\"html-utils getElementByDataIndex, container is null\");\n  }\n  const element = container?.querySelector(\n    `[data-index=\"${index}\"]`,\n  ) as HTMLElement;\n  if (element) {\n    return element;\n  } else if (throwIfNotFound) {\n    throw Error(\n      \"html-utils getElementByDataIndex, Item not found with data-index='${index}'\",\n    );\n  } else {\n    return undefined;\n  }\n}\n\nexport const focusFirstFocusableElement = (\n  el: HTMLElement | null,\n  tabIndex?: number,\n) => {\n  // TODO test el for focusable\n  requestAnimationFrame(() => {\n    const focusableElement = getFocusableElement(el, tabIndex);\n    if (focusableElement) {\n      focusableElement.focus();\n    }\n  });\n};\n\nexport const isSelectableElement = (el?: HTMLElement | null) => {\n  const item = el?.closest(\"[data-index]\") as HTMLElement;\n  if (\n    !item ||\n    item.ariaDisabled ||\n    item.dataset.selectable === \"false\" ||\n    item.querySelector('[data-selectable=\"false\"],[aria-disabled=\"true\"]')\n  ) {\n    return false;\n  } else {\n    return true;\n  }\n};\n\nexport const isInputElement = (\n  el: HTMLElement | EventTarget | null,\n): el is HTMLInputElement => {\n  if (el === null) {\n    return false;\n  } else {\n    return (el as HTMLElement).tagName === \"INPUT\";\n  }\n};\n\nexport const isDateInput = (\n  el: HTMLElement | EventTarget | null,\n): el is HTMLInputElement =>\n  isInputElement(el) && el.classList.contains(\"saltDateInput-input\");\n\nexport const hasOpenOptionList = (el: HTMLElement | EventTarget | null) => {\n  if (el !== null) {\n    return (el as HTMLElement).ariaExpanded === \"true\";\n  }\n};\n\nlet size: number;\n\nexport function getScrollbarSize() {\n  if (size === undefined) {\n    let outer: HTMLElement | null = document.createElement(\"div\");\n    outer.className = \"scrollable-content\";\n    outer.style.width = \"50px\";\n    outer.style.height = \"50px\";\n    outer.style.overflowY = \"scroll\";\n    outer.style.position = \"absolute\";\n    outer.style.top = \"-200px\";\n    outer.style.left = \"-200px\";\n    const inner = document.createElement(\"div\");\n    inner.style.height = \"100px\";\n    inner.style.width = \"100%\";\n    outer.appendChild(inner);\n    document.body.appendChild(outer);\n    const outerWidth = outer.offsetWidth;\n    const innerWidth = inner.offsetWidth;\n    document.body.removeChild(outer);\n    size = outerWidth - innerWidth;\n    outer = null;\n  }\n\n  return size;\n}\n\nexport type MouseEventTypes = \"dblclick\" | \"click\";\nexport type KeyboardEventTypes = \"keydown\" | \"keypress\" | \"keyup\";\n\nexport const dispatchMouseEvent = (el: HTMLElement, type: MouseEventTypes) => {\n  const evt = new MouseEvent(type, {\n    view: window,\n    bubbles: true,\n    cancelable: true,\n  });\n  el.dispatchEvent(evt);\n};\nexport const dispatchKeyboardEvent = (\n  el: HTMLElement,\n  type: KeyboardEventTypes,\n  key: string,\n) => {\n  const evt = new KeyboardEvent(type, {\n    key,\n    view: window,\n    bubbles: true,\n    cancelable: true,\n  });\n  el.dispatchEvent(evt);\n};\n\nexport type VuuDomEventType =\n  | \"vuu-commit\"\n  | \"vuu-dropped\"\n  | \"vuu-begin-edit\"\n  | \"vuu-enter-edit-mode\"\n  | \"vuu-exit-edit-mode\";\n\nexport const dispatchCustomEvent = (el: HTMLElement, type: VuuDomEventType) => {\n  const evt = new Event(type, {\n    bubbles: true,\n    cancelable: true,\n  });\n  el.dispatchEvent(evt);\n};\n"],"names":[],"mappings":"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"}