@elliemae/ds-form 2.1.1-rc.1 → 2.2.0-alpha.4

package/esm/TimeInput/utils.js

@@ -1,112 +1,105 @@
-import { parseInt, isNaN, addLeadingZeros } from '@elliemae/ds-utilities';
-import { ARROW_DOWN, ARROW_UP, SHIFT, PLACEHOLDER_TIME, PM, AM } from '@elliemae/ds-shared/constants';
-
-const isAM = time => time && time.hour() < 12;
-
-const isArrowIncrementDecrement = key => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;
+import * as React from "react";
+import { addLeadingZeros } from "@elliemae/ds-utilities";
+import { parseInt, isNaN } from "@elliemae/ds-utilities";
+import {
+  AM,
+  PM,
+  ARROW_UP,
+  ARROW_DOWN,
+  SHIFT,
+  PLACEHOLDER_TIME
+} from "@elliemae/ds-shared/constants";
+const isAM = (time) => time && time.hour() < 12;
+const isArrowIncrementDecrement = (key) => key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;
 const setNativeValue = (element, value) => {
-  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;
-  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;
+  if (!Object.getOwnPropertyDescriptor(element, "value"))
+    return;
+  const valueSetter = Object.getOwnPropertyDescriptor(element, "value").set;
   const prototype = Object.getPrototypeOf(element);
-  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, 'value').set;
-
+  const prototypeValueSetter = Object.getOwnPropertyDescriptor(prototype, "value").set;
   if (valueSetter && valueSetter !== prototypeValueSetter) {
     prototypeValueSetter.call(element, value);
   } else {
     valueSetter.call(element, value);
   }
-
-  element.dispatchEvent(new Event('input', {
-    bubbles: true
-  }));
+  element.dispatchEvent(new Event("input", { bubbles: true }));
 };
 const placeholderFormat = (position, format, use12Hours) => {
   if (position === PLACEHOLDER_TIME.hour) {
     return _placeholderHour(format, use12Hours);
   }
-
   if (position === PLACEHOLDER_TIME.minutes) {
-    return format.indexOf('mm') > -1 ? 'mm' : 'm';
+    return format.indexOf("mm") > -1 ? "mm" : "m";
   }
-
   if (position === PLACEHOLDER_TIME.seconds) {
-    return format.indexOf('ss') > -1 ? 'ss' : 's';
+    return format.indexOf("ss") > -1 ? "ss" : "s";
   }
-
   if (position === PLACEHOLDER_TIME.meridiem) {
-    return format.indexOf('A') > -1 ? 'A' : 'a';
+    return format.indexOf("A") > -1 ? "A" : "a";
   }
 };
-
 const _placeholderHour = (format, use12Hours) => {
   if (use12Hours) {
-    return format.indexOf('hh') > -1 ? 'hh' : 'h';
+    return format.indexOf("hh") > -1 ? "hh" : "h";
   }
-
-  return format.indexOf('HH') > -1 ? 'HH' : 'H';
+  return format.indexOf("HH") > -1 ? "HH" : "H";
 };
-
 const formatTimeNumber = (value, shouldAddLeadingZeros) => {
-  if (value === null || value === undefined) return '';
+  if (value === null || value === void 0)
+    return "";
   return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);
 };
-
 const formatMinutes = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('mm') > -1;
+  const shouldAddLeadingZeros = format.indexOf("mm") > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros);
 };
 const formatSeconds = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('ss') > -1;
+  const shouldAddLeadingZeros = format.indexOf("ss") > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros);
 };
 const formatHour = (format, value) => {
-  const shouldAddLeadingZeros = format.indexOf('HH') > -1 || format.indexOf('hh') > -1;
+  const shouldAddLeadingZeros = format.indexOf("HH") > -1 || format.indexOf("hh") > -1;
   return formatTimeNumber(value, shouldAddLeadingZeros);
 };
-const formatMeridiem = (format, value) => format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();
-const parseTimeNumberFromText = stringValue => {
+const formatMeridiem = (format, value) => format.indexOf("A") > -1 ? value.toUpperCase() : value.toLowerCase();
+const parseTimeNumberFromText = (stringValue) => {
   const parsedInt = parseInt(stringValue);
-  if (isNaN(parsedInt)) return null;
+  if (isNaN(parsedInt))
+    return null;
   return parsedInt;
 };
-const focusNextInput = currentEl => {
+const focusNextInput = (currentEl) => {
   const nextElement = currentEl.nextElementSibling;
-
   if (nextElement && nextElement.nextElementSibling) {
     nextElement.nextElementSibling.focus();
   }
 };
-const focusPreviousInput = currentEl => {
+const focusPreviousInput = (currentEl) => {
   const previousElement = currentEl.previousElementSibling;
-
   if (previousElement && previousElement.previousElementSibling) {
     previousElement.previousElementSibling.focus();
   }
 };
-const getValidTimeNumber = (_ref, number, typed) => {
-  let {
-    min,
-    max
-  } = _ref;
-  if (number === undefined || number === null) return null;
-
+const getValidTimeNumber = ({ min, max }, number, typed) => {
+  if (number === void 0 || number === null)
+    return null;
   if (number > max) {
-    if (isNaN(typed)) return parseInt(typed);
+    if (isNaN(typed))
+      return parseInt(typed);
     return max;
   }
-
-  if (number < min) return min;
+  if (number < min)
+    return min;
   return number;
 };
-const shouldFocusNextInput = function (max) {
-  let number = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  let stringValue = arguments.length > 2 ? arguments[2] : undefined;
+const shouldFocusNextInput = (max, number = 0, stringValue) => {
   const safeString = String(stringValue);
-  const cleanString = safeString.startsWith('00') ? safeString.slice(1) : safeString;
+  const cleanString = safeString.startsWith("00") ? safeString.slice(1) : safeString;
   return number * 10 > max || String(max).length === cleanString.length;
 };
 const getTimeValuesFromTime = (time, format, use12Hours) => {
-  if (!time || !time.hour) return {};
+  if (!time || !time.hour)
+    return {};
   const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();
   const minutes = time.minutes();
   const seconds = time.seconds();
@@ -119,17 +112,33 @@ const getTimeValuesFromTime = (time, format, use12Hours) => {
   };
 };
 const resetTimeValues = () => ({
-  hours: '',
-  minutes: '',
-  seconds: '',
+  hours: "",
+  minutes: "",
+  seconds: "",
   meridiem: AM
 });
 const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({
-  pattern: '[0-9]*',
-  type: 'text',
+  pattern: "[0-9]*",
+  type: "text",
   onKeyDown,
   onClick,
   onFocus: onInputFocus
 });
-
-export { commonInputProps, focusNextInput, focusPreviousInput, formatHour, formatMeridiem, formatMinutes, formatSeconds, getTimeValuesFromTime, getValidTimeNumber, isArrowIncrementDecrement, parseTimeNumberFromText, placeholderFormat, resetTimeValues, setNativeValue, shouldFocusNextInput };
+export {
+  commonInputProps,
+  focusNextInput,
+  focusPreviousInput,
+  formatHour,
+  formatMeridiem,
+  formatMinutes,
+  formatSeconds,
+  getTimeValuesFromTime,
+  getValidTimeNumber,
+  isArrowIncrementDecrement,
+  parseTimeNumberFromText,
+  placeholderFormat,
+  resetTimeValues,
+  setNativeValue,
+  shouldFocusNextInput
+};
+//# sourceMappingURL=utils.js.map

package/esm/TimeInput/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/TimeInput/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport {\n  AM,\n  PM,\n  ARROW_UP,\n  ARROW_DOWN,\n  SHIFT,\n  PLACEHOLDER_TIME,\n} from '@elliemae/ds-shared/constants';\n\nconst isAM = (time) => time && time.hour() < 12;\n\nexport const isArrowIncrementDecrement = (key) =>\n  key === ARROW_DOWN || key === ARROW_UP || key === SHIFT;\n\nexport const setNativeValue = (element, value) => {\n  if (!Object.getOwnPropertyDescriptor(element, 'value')) return;\n  const valueSetter = Object.getOwnPropertyDescriptor(element, 'value').set;\n  const prototype = Object.getPrototypeOf(element);\n  const prototypeValueSetter = Object.getOwnPropertyDescriptor(\n    prototype,\n    'value',\n  ).set;\n\n  if (valueSetter && valueSetter !== prototypeValueSetter) {\n    prototypeValueSetter.call(element, value);\n  } else {\n    valueSetter.call(element, value);\n  }\n  element.dispatchEvent(new Event('input', { bubbles: true }));\n};\n\nexport const placeholderFormat = (position, format, use12Hours) => {\n  if (position === PLACEHOLDER_TIME.hour) {\n    return _placeholderHour(format, use12Hours);\n  }\n  if (position === PLACEHOLDER_TIME.minutes) {\n    return format.indexOf('mm') > -1 ? 'mm' : 'm';\n  }\n  if (position === PLACEHOLDER_TIME.seconds) {\n    return format.indexOf('ss') > -1 ? 'ss' : 's';\n  }\n  if (position === PLACEHOLDER_TIME.meridiem) {\n    return format.indexOf('A') > -1 ? 'A' : 'a';\n  }\n};\n\nconst _placeholderHour = (format, use12Hours) => {\n  if (use12Hours) {\n    return format.indexOf('hh') > -1 ? 'hh' : 'h';\n  }\n  return format.indexOf('HH') > -1 ? 'HH' : 'H';\n};\n\nconst formatTimeNumber = (value, shouldAddLeadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros ? addLeadingZeros(2)(value) : String(value);\n};\n\nexport const formatMinutes = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('mm') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatSeconds = (format, value) => {\n  const shouldAddLeadingZeros = format.indexOf('ss') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\nexport const formatHour = (format, value) => {\n  const shouldAddLeadingZeros =\n    format.indexOf('HH') > -1 || format.indexOf('hh') > -1;\n  return formatTimeNumber(value, shouldAddLeadingZeros);\n};\n\nexport const formatMeridiem = (format, value) =>\n  format.indexOf('A') > -1 ? value.toUpperCase() : value.toLowerCase();\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\nexport const focusNextInput = (currentEl) => {\n  const nextElement = currentEl.nextElementSibling;\n  if (nextElement && nextElement.nextElementSibling) {\n    nextElement.nextElementSibling.focus();\n  }\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  const previousElement = currentEl.previousElementSibling;\n  if (previousElement && previousElement.previousElementSibling) {\n    previousElement.previousElementSibling.focus();\n  }\n};\n\nexport const getValidTimeNumber = ({ min, max }, number, typed) => {\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    if (isNaN(typed)) return parseInt(typed);\n    return max;\n  }\n  if (number < min) return min;\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  const safeString = String(stringValue);\n  const cleanString = safeString.startsWith('00')\n    ? safeString.slice(1)\n    : safeString;\n  return number * 10 > max || String(max).length === cleanString.length;\n};\n\nexport const getTimeValuesFromTime = (time, format, use12Hours) => {\n  if (!time || !time.hour) return {};\n  const hours = use12Hours ? time.hour() % 12 || 12 : time.hour();\n  const minutes = time.minutes();\n  const seconds = time.seconds();\n  const meridiem = !isAM(time) ? PM : AM;\n\n  return {\n    hours: formatHour(format, hours),\n    minutes: formatMinutes(format, minutes),\n    seconds: formatSeconds(format, seconds),\n    meridiem,\n  };\n};\n\nexport const resetTimeValues = () => ({\n  hours: '',\n  minutes: '',\n  seconds: '',\n  meridiem: AM,\n});\n\nexport const commonInputProps = (onKeyDown, onInputFocus, onClick) => ({\n  pattern: '[0-9]*',\n  type: 'text',\n  onKeyDown,\n  onClick,\n  onFocus: onInputFocus,\n});\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/Toggle/DSToggle.js

@@ -1,117 +1,62 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import DSToggleImpl from './DSToggleImpl.js';
-import { dsBasicSizes } from '@elliemae/ds-shared/prop-types';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "hasError", "readOnly", "disabled", "checked", "labelOn", "labelOff", "name", "value", "size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const DSToggle = _ref => {
-  let {
-    containerProps,
-    hasError,
-    readOnly,
-    disabled,
-    checked,
-    labelOn,
-    labelOff,
-    name,
-    value,
-    size
-  } = _ref,
-      otherProps = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/jsx(DSToggleImpl, _objectSpread(_objectSpread({}, otherProps), {}, {
-    checked: checked,
-    containerProps: containerProps,
-    disabled: disabled,
-    hasError: hasError,
-    labelOff: labelOff,
-    labelOn: labelOn,
-    name: name,
-    readOnly: readOnly,
-    size: size,
-    value: value
-  }));
-};
-
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { DSToggleImpl } from "./DSToggleImpl";
+import { dsBasicSizes } from "@elliemae/ds-shared/prop-types";
+const DSToggle = ({
+  containerProps,
+  hasError,
+  readOnly,
+  disabled,
+  checked,
+  labelOn,
+  labelOff,
+  name,
+  value,
+  size,
+  ...otherProps
+}) => /* @__PURE__ */ React2.createElement(DSToggleImpl, {
+  ...otherProps,
+  checked,
+  containerProps,
+  disabled,
+  hasError,
+  labelOff,
+  labelOn,
+  name,
+  readOnly,
+  size,
+  value
+});
 DSToggle.defaultProps = {
-  labelOn: 'ON',
-  labelOff: 'OFF',
-  size: 's',
+  labelOn: "ON",
+  labelOff: "OFF",
+  size: "s",
   hasError: false,
   readOnly: false,
   disabled: false,
-  checked: undefined
+  checked: void 0
 };
 const props = {
-  /**
-   * Set of Properties attached to the main container
-   */
-  containerProps: PropTypes.shape({}).description('Set of Properties attached to the main container'),
-
-  /**
-   * Whether the toggle has error or not
-   */
-  hasError: PropTypes.bool.description('Whether the toggle has error or not'),
-
-  /**
-   * Whether the toggle is read only or not
-   */
-  readOnly: PropTypes.bool.description('Whether the toggle is read only or not'),
-
-  /**
-   * Whether the toggle is disabled or not
-   */
-  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),
-
-  /**
-   * Whether the toggle is checked or not
-   */
-  checked: PropTypes.bool.description('Whether the toggle is checked or not'),
-
-  /**
-   * Allows a function that is triggered once the toggle changes
-   */
-  onChange: PropTypes.func.description('Allows a function that is triggered once the toggle changes'),
-
-  /**
-   * Label to show when the toggle is ON
-   */
-  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),
-
-  /**
-   * Label to show when the toggle is OFF
-   */
-  labelOff: PropTypes.string.description('Label to show when the toggle is OFF'),
-
-  /**
-   * Default value once the component is initialized
-   */
-  value: PropTypes.string.description('Default value once the component is initialized'),
-
-  /**
-   * ['s', 'm', 'l']
-   */
+  containerProps: PropTypes.shape({}).description("Set of Properties attached to the main container"),
+  hasError: PropTypes.bool.description("Whether the toggle has error or not"),
+  readOnly: PropTypes.bool.description("Whether the toggle is read only or not"),
+  disabled: PropTypes.bool.description("Whether the toggle is disabled or not"),
+  checked: PropTypes.bool.description("Whether the toggle is checked or not"),
+  onChange: PropTypes.func.description("Allows a function that is triggered once the toggle changes"),
+  labelOn: PropTypes.string.description("Label to show when the toggle is ON"),
+  labelOff: PropTypes.string.description("Label to show when the toggle is OFF"),
+  value: PropTypes.string.description("Default value once the component is initialized"),
   size: PropTypes.oneOf(dsBasicSizes).description("['s', 'm', 'l']"),
-
-  /**
-   * Input name
-   */
-  name: PropTypes.string.description('Input name')
+  name: PropTypes.string.description("Input name")
 };
+DSToggle.propTypes = props;
 const DSToggleWithSchema = describe(DSToggle);
 DSToggleWithSchema.propTypes = props;
-
-export { DSToggleWithSchema, DSToggle as default };
+var DSToggle_default = DSToggle;
+export {
+  DSToggle,
+  DSToggleWithSchema,
+  DSToggle_default as default
+};
+//# sourceMappingURL=DSToggle.js.map

package/esm/Toggle/DSToggle.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/Toggle/DSToggle.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { DSToggleImpl } from './DSToggleImpl';\nimport { dsBasicSizes } from '@elliemae/ds-shared/prop-types';\n\nconst DSToggle = ({\n  containerProps,\n  hasError,\n  readOnly,\n  disabled,\n  checked,\n  labelOn,\n  labelOff,\n  name,\n  value,\n  size,\n  ...otherProps\n}) => (\n  <DSToggleImpl\n    {...otherProps}\n    checked={checked}\n    containerProps={containerProps}\n    disabled={disabled}\n    hasError={hasError}\n    labelOff={labelOff}\n    labelOn={labelOn}\n    name={name}\n    readOnly={readOnly}\n    size={size}\n    value={value}\n  />\n);\n\nDSToggle.defaultProps = {\n  labelOn: 'ON',\n  labelOff: 'OFF',\n  size: 's',\n  hasError: false,\n  readOnly: false,\n  disabled: false,\n  checked: undefined,\n};\n\nconst props = {\n  /**\n   * Set of Properties attached to the main container\n   */\n  containerProps: PropTypes.shape({}).description(\n    'Set of Properties attached to the main container',\n  ),\n  /**\n   * Whether the toggle has error or not\n   */\n  hasError: PropTypes.bool.description('Whether the toggle has error or not'),\n  /**\n   * Whether the toggle is read only or not\n   */\n  readOnly: PropTypes.bool.description(\n    'Whether the toggle is read only or not',\n  ),\n  /**\n   * Whether the toggle is disabled or not\n   */\n  disabled: PropTypes.bool.description('Whether the toggle is disabled or not'),\n  /**\n   * Whether the toggle is checked or not\n   */\n  checked: PropTypes.bool.description('Whether the toggle is checked or not'),\n  /**\n   * Allows a function that is triggered once the toggle changes\n   */\n  onChange: PropTypes.func.description(\n    'Allows a function that is triggered once the toggle changes',\n  ),\n  /**\n   * Label to show when the toggle is ON\n   */\n  labelOn: PropTypes.string.description('Label to show when the toggle is ON'),\n  /**\n   * Label to show when the toggle is OFF\n   */\n  labelOff: PropTypes.string.description(\n    'Label to show when the toggle is OFF',\n  ),\n  /**\n   * Default value once the component is initialized\n   */\n  value: PropTypes.string.description(\n    'Default value once the component is initialized',\n  ),\n  /**\n   * ['s', 'm', 'l']\n   */\n  size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n  /**\n   * Input name\n   */\n  name: PropTypes.string.description('Input name'),\n};\n\nDSToggle.propTypes = props;\n\nconst DSToggleWithSchema = describe(DSToggle);\n\nDSToggleWithSchema.propTypes = props;\n\nexport default DSToggle;\n\nexport { DSToggleWithSchema, DSToggle };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,MAEH,qCAAC,cAAD;AAAA,KACM;AAAA,EACJ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAIJ,SAAS,eAAe;AAAA,EACtB,SAAS;AAAA,EACT,UAAU;AAAA,EACV,MAAM;AAAA,EACN,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS;AAAA;AAGX,MAAM,QAAQ;AAAA,EAIZ,gBAAgB,UAAU,MAAM,IAAI,YAClC;AAAA,EAKF,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,UAAU,UAAU,KAAK,YAAY;AAAA,EAIrC,SAAS,UAAU,KAAK,YAAY;AAAA,EAIpC,UAAU,UAAU,KAAK,YACvB;AAAA,EAKF,SAAS,UAAU,OAAO,YAAY;AAAA,EAItC,UAAU,UAAU,OAAO,YACzB;AAAA,EAKF,OAAO,UAAU,OAAO,YACtB;AAAA,EAKF,MAAM,UAAU,MAAM,cAAc,YAAY;AAAA,EAIhD,MAAM,UAAU,OAAO,YAAY;AAAA;AAGrC,SAAS,YAAY;AAErB,MAAM,qBAAqB,SAAS;AAEpC,mBAAmB,YAAY;AAE/B,IAAO,mBAAQ;",
+  "names": []
+}