@elliemae/ds-form 2.3.0-alpha.9 → 2.3.0-next.0

package/dist/esm/DateInputV2/components/utils.js

@@ -1,228 +0,0 @@
-import * as React from "react";
-import { addLeadingZeros } from "@elliemae/ds-utilities";
-import { parseInt, isNaN } from "@elliemae/ds-utilities";
-import moment from "moment";
-const currentYear = new Date().getFullYear();
-const getNextSibling = (elem, selector) => {
-  let sibling = elem.nextElementSibling;
-  if (!selector)
-    return sibling;
-  while (sibling) {
-    if (sibling.matches(selector))
-      return sibling;
-    sibling = sibling.nextElementSibling;
-  }
-  return sibling;
-};
-const getPreviousSibling = (elem, selector) => {
-  let sibling = elem.previousElementSibling;
-  if (!selector)
-    return sibling;
-  while (sibling) {
-    if (sibling.matches(selector))
-      return sibling;
-    sibling = sibling.previousElementSibling;
-  }
-  return sibling;
-};
-const isArrowIncrementDecrement = (key) => key === "ArrowDown" || key === "ArrowUp";
-const setNativeValue = (element, value) => {
-  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;
-  if (valueSetter && valueSetter !== prototypeValueSetter) {
-    prototypeValueSetter.call(element, value);
-  } else {
-    valueSetter.call(element, value);
-  }
-  element.dispatchEvent(new Event("input", { bubbles: true }));
-};
-const formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {
-  if (value === null || value === void 0)
-    return "";
-  return shouldAddLeadingZeros ? addLeadingZeros(leadingZeros)(value) : String(value);
-};
-const getFormattedDay = (value) => {
-  const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = parseInt(v, 10);
-  if (parsedValue > 31)
-    return "31";
-  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
-};
-const getShouldShortcircuitDay = (value) => {
-  const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = parseInt(v, 10);
-  if (parsedValue > 31)
-    return true;
-  if (parsedValue > 3 && parsedValue < 10)
-    return true;
-  return false;
-};
-const getFormattedYear = (value) => {
-  const v = value.length > 4 ? value.slice(-4) : value;
-  if (parseInt(v) > 9999)
-    return "9999";
-  return formatTimeNumber(parseTimeNumberFromText(v), true, 4);
-};
-const getFormattedMonth = (value) => {
-  const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = parseInt(v, 10);
-  if (parsedValue > 12)
-    return "12";
-  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);
-};
-const getShouldShortcircuitMonth = (value) => {
-  const v = value.length > 2 ? value.slice(-2) : value;
-  const parsedValue = parseInt(v, 10);
-  if (parsedValue > 12)
-    return true;
-  if (parsedValue > 1 && parsedValue < 10)
-    return true;
-  return false;
-};
-const parseTimeNumberFromText = (stringValue) => {
-  const parsedInt = parseInt(stringValue);
-  if (isNaN(parsedInt))
-    return null;
-  return parsedInt;
-};
-const triggerOnBlur = (blurEvent, onBlur = () => {
-}) => {
-  const { target: currentEl = {}, relatedTarget } = blurEvent || {};
-  const nextElement = currentEl.nextElementSibling;
-  const { nextElementSibling } = nextElement || {};
-  if (!nextElementSibling || nextElementSibling !== relatedTarget) {
-    onBlur(blurEvent);
-  }
-};
-const focusNextInput = (currentEl) => {
-  getNextSibling(currentEl, "input")?.focus();
-};
-const focusPreviousInput = (currentEl) => {
-  getPreviousSibling(currentEl, "input")?.focus();
-};
-const getValidTimeNumber = ({ min, max }, number, valueString = "", onError = () => null) => {
-  if (valueString === "0" || number === 0)
-    return null;
-  if (number === void 0 || number === null)
-    return null;
-  if (number > max) {
-    onError();
-    return max;
-  }
-  if (number < min) {
-    onError();
-    return min;
-  }
-  return number;
-};
-const shouldFocusNextInput = (max, number = 0, stringValue) => {
-  if (stringValue.length > 1)
-    return true;
-  return number * 10 > max;
-};
-const getDateValuesFromTime = (time, format) => {
-  if (!time || !time.format)
-    return {};
-  const month = time.format("MM");
-  const day = time.format("DD");
-  const year = time.format("YYYY");
-  return {
-    month: getFormattedMonth(format, month),
-    day: getFormattedDay(format, day),
-    year: getFormattedYear(format, year)
-  };
-};
-const resetTimeValues = () => ({
-  month: "",
-  day: "",
-  year: ""
-});
-const onInputFocus = (e) => {
-  e.preventDefault();
-  e.stopPropagation();
-  e.target.select();
-};
-const getNextTimeValue = (value, target, yearMinRange, yearMaxRange, step = 1, incrementing = true) => {
-  const parsedValue = parseTimeNumberFromText(value);
-  let result = incrementing ? parsedValue + step : parsedValue - step;
-  if (target === "year") {
-    if (result < yearMinRange)
-      result = currentYear;
-    if (result > yearMaxRange)
-      result = currentYear;
-  }
-  return result;
-};
-const focusNextInputIfNeeded = (currentEl, max, number, stringValue, currentKey) => {
-  if (shouldFocusNextInput(max, number, stringValue) && !isArrowIncrementDecrement(currentKey)) {
-    focusNextInput(currentEl);
-  }
-};
-const commonInputProps = (digits = 2, onKeyDown, placeholder) => {
-  const props = {
-    pattern: "[0-9]*",
-    placeholder,
-    type: "text",
-    onKeyDown,
-    onFocus: onInputFocus
-  };
-  if (digits === 4)
-    props.placeholder = "YYYY";
-  return props;
-};
-const handleCompletedDate = (time, date, show, INTERNAL_V2_NO_MUTATION) => {
-  const newDate = INTERNAL_V2_NO_MUTATION ? time && moment(time) || moment() : time || moment();
-  const { year, month, day } = date;
-  const { showYear, showMonth, showDay } = show;
-  if (time && !year && !month && !day)
-    return "";
-  newDate.value = `${year}-${month}-${day}`;
-  if (showMonth && month)
-    newDate.month(parseInt(month - 1, 10));
-  if (showDay && day)
-    newDate.date(parseInt(day, 10));
-  if (showYear && year)
-    newDate.year(parseInt(year, 10));
-  return newDate;
-};
-const isTimeCompletelySet = (date, show, range) => {
-  let neededValues = [];
-  const { year, month, day } = date;
-  const { showYear, showMonth, showDay } = show;
-  const { yearMinRange, yearMaxRange } = range;
-  if (showMonth)
-    neededValues = [...neededValues, month || null];
-  if (showDay)
-    neededValues = [...neededValues, day || null];
-  if (showYear)
-    neededValues = [...neededValues, year || null];
-  const isValidYear = year < yearMaxRange && year > yearMinRange;
-  return !neededValues.some((value) => !value) && isValidYear;
-};
-export {
-  commonInputProps,
-  focusNextInput,
-  focusNextInputIfNeeded,
-  focusPreviousInput,
-  getDateValuesFromTime,
-  getFormattedDay,
-  getFormattedMonth,
-  getFormattedYear,
-  getNextTimeValue,
-  getShouldShortcircuitDay,
-  getShouldShortcircuitMonth,
-  getValidTimeNumber,
-  handleCompletedDate,
-  isArrowIncrementDecrement,
-  isTimeCompletelySet,
-  onInputFocus,
-  parseTimeNumberFromText,
-  resetTimeValues,
-  setNativeValue,
-  shouldFocusNextInput,
-  triggerOnBlur
-};
-//# sourceMappingURL=utils.js.map

package/dist/esm/DateInputV2/components/utils.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/DateInputV2/components/utils.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-params */\n/* eslint-disable complexity */\n/* eslint-disable max-lines */\nimport { addLeadingZeros } from '@elliemae/ds-utilities';\nimport { parseInt, isNaN } from '@elliemae/ds-utilities';\nimport moment from 'moment';\n\nconst currentYear = new Date().getFullYear();\n\nconst getNextSibling = (elem, selector) => {\n  // Get the next sibling element\n  let sibling = elem.nextElementSibling;\n  // If there's no selector, return the first sibling\n  if (!selector) return sibling;\n\n  // If the sibling matches our selector, use it\n  // If not, jump to the next sibling and continue the loop\n  while (sibling) {\n    if (sibling.matches(selector)) return sibling;\n    sibling = sibling.nextElementSibling;\n  }\n  return sibling;\n};\n\nconst getPreviousSibling = (elem, selector) => {\n  let sibling = elem.previousElementSibling;\n  if (!selector) return sibling;\n  while (sibling) {\n    if (sibling.matches(selector)) return sibling;\n    sibling = sibling.previousElementSibling;\n  }\n  return sibling;\n};\n\nexport const isArrowIncrementDecrement = (key) =>\n  key === 'ArrowDown' || key === 'ArrowUp';\n\n// TODO remove and keep `true` behavior ( PUI-4141 )\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\nconst formatTimeNumber = (value, shouldAddLeadingZeros, leadingZeros) => {\n  if (value === null || value === undefined) return '';\n  return shouldAddLeadingZeros\n    ? addLeadingZeros(leadingZeros)(value)\n    : String(value);\n};\n\nexport const getFormattedDay = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n\n  if (parsedValue > 31) return '31';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);\n};\n\nexport const getShouldShortcircuitDay = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 31) return true;\n  // if the first input is in range 4-9 then there is no other option\n  // so we auto advance\n  if (parsedValue > 3 && parsedValue < 10) return true;\n  return false;\n};\n\nexport const getFormattedYear = (value) => {\n  const v = value.length > 4 ? value.slice(-4) : value;\n  if (parseInt(v) > 9999) return '9999';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 4);\n};\n\nexport const getFormattedMonth = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 12) return '12';\n  return formatTimeNumber(parseTimeNumberFromText(v), true, 2);\n};\n\nexport const getShouldShortcircuitMonth = (value) => {\n  const v = value.length > 2 ? value.slice(-2) : value;\n  const parsedValue = parseInt(v, 10);\n  if (parsedValue > 12) return true;\n  // if the first input is in range 2-9 then there is no other option\n  // so we auto advance\n  if (parsedValue > 1 && parsedValue < 10) return true;\n  return false;\n};\n\nexport const parseTimeNumberFromText = (stringValue) => {\n  const parsedInt = parseInt(stringValue);\n\n  if (isNaN(parsedInt)) return null;\n\n  return parsedInt;\n};\n\n// trigger onBlur for entire DateInput control if focus is not in day, month, year\nexport const triggerOnBlur = (blurEvent, onBlur = () => {}) => {\n  const { target: currentEl = {}, relatedTarget } = blurEvent || {};\n  const nextElement = currentEl.nextElementSibling;\n  const { nextElementSibling } = nextElement || {};\n  // relatedTarget points to the element that is currently having focus\n  if (!nextElementSibling || nextElementSibling !== relatedTarget) {\n    onBlur(blurEvent);\n  }\n};\n\nexport const focusNextInput = (currentEl) => {\n  getNextSibling(currentEl, 'input')?.focus();\n};\n\nexport const focusPreviousInput = (currentEl) => {\n  getPreviousSibling(currentEl, 'input')?.focus();\n};\n\nexport const getValidTimeNumber = (\n  { min, max },\n  number,\n  valueString = '',\n  onError = () => null,\n) => {\n  if (valueString === '0' || number === 0) return null;\n  if (number === undefined || number === null) return null;\n  if (number > max) {\n    onError();\n    return max;\n  }\n  if (number < min) {\n    onError();\n    return min;\n  }\n  return number;\n};\n\nexport const shouldFocusNextInput = (max, number = 0, stringValue) => {\n  if (stringValue.length > 1) return true;\n  return number * 10 > max;\n};\n\nexport const getDateValuesFromTime = (time, format) => {\n  if (!time || !time.format) return {};\n  const month = time.format('MM');\n  const day = time.format('DD');\n  const year = time.format('YYYY');\n  return {\n    month: getFormattedMonth(format, month),\n    day: getFormattedDay(format, day),\n    year: getFormattedYear(format, year),\n  };\n};\n\nexport const resetTimeValues = () => ({\n  month: '',\n  day: '',\n  year: '',\n});\n\nexport const onInputFocus = (e) => {\n  e.preventDefault();\n  e.stopPropagation();\n  // we select the whole value to be able to override the value on first key\n  // we don't use selection color to be consistent with the highlight of the input\n  e.target.select();\n};\n\nexport const getNextTimeValue = (\n  value,\n  target,\n  yearMinRange,\n  yearMaxRange,\n  step = 1,\n  incrementing = true,\n) => {\n  const parsedValue = parseTimeNumberFromText(value);\n  let result = incrementing ? parsedValue + step : parsedValue - step;\n  if (target === 'year') {\n    if (result < yearMinRange) result = currentYear;\n    if (result > yearMaxRange) result = currentYear;\n  }\n  return result;\n};\n\nexport const focusNextInputIfNeeded = (\n  currentEl,\n  max,\n  number,\n  stringValue,\n  currentKey,\n) => {\n  if (\n    shouldFocusNextInput(max, number, stringValue) &&\n    !isArrowIncrementDecrement(currentKey)\n  ) {\n    focusNextInput(currentEl);\n  }\n};\n\nexport const commonInputProps = (digits = 2, onKeyDown, placeholder) => {\n  const props = {\n    pattern: '[0-9]*',\n    placeholder,\n    type: 'text',\n    onKeyDown,\n    onFocus: onInputFocus,\n  };\n  if (digits === 4) props.placeholder = 'YYYY';\n  return props;\n};\n\nexport const handleCompletedDate = (\n  time,\n  date,\n  show,\n  INTERNAL_V2_NO_MUTATION,\n) => {\n  // clone time to avoid mutation when INTERNAL_V2_NO_MUTATION is true\n  const newDate = INTERNAL_V2_NO_MUTATION\n    ? (time && moment(time)) || moment()\n    : time || moment();\n\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n\n  if (time && !year && !month && !day) return '';\n\n  newDate.value = `${year}-${month}-${day}`;\n\n  if (showMonth && month) newDate.month(parseInt(month - 1, 10));\n  if (showDay && day) newDate.date(parseInt(day, 10));\n  if (showYear && year) newDate.year(parseInt(year, 10));\n\n  return newDate;\n};\n\nexport const isTimeCompletelySet = (date, show, range) => {\n  let neededValues = [];\n  const { year, month, day } = date;\n  const { showYear, showMonth, showDay } = show;\n  const { yearMinRange, yearMaxRange } = range;\n\n  if (showMonth) neededValues = [...neededValues, month || null];\n  if (showDay) neededValues = [...neededValues, day || null];\n  if (showYear) neededValues = [...neededValues, year || null];\n\n  const isValidYear = year < yearMaxRange && year > yearMinRange;\n\n  return !neededValues.some((value) => !value) && isValidYear;\n};\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/DateInputV2/index.js

@@ -1,7 +0,0 @@
-import * as React from "react";
-import { DateInputs } from "./components/DateInputs";
-export * from "./components/DSDateInput";
-export {
-  DateInputs as DateInputsV2Impl
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/DateInputV2/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/DateInputV2/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { DateInputs as DateInputsV2Impl } from './components/DateInputs';\nexport * from './components/DSDateInput';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/dist/esm/ExpandableInput/DSExpandableInput.js

@@ -1,33 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { ExpandableInputImpl } from "./ExpandableInputImpl";
-const DSExpandableInput = ({
-  containerProps = {},
-  innerRef,
-  className = "",
-  style = {},
-  triggerComponent = void 0,
-  children,
-  isOpen = false,
-  onOpen = () => null,
-  onClose = () => null,
-  onBlur = () => null,
-  width = void 0
-}) => /* @__PURE__ */ React2.createElement(ExpandableInputImpl, {
-  className,
-  containerProps,
-  innerRef,
-  isOpen,
-  onBlur,
-  onClose,
-  onOpen,
-  style,
-  triggerComponent,
-  width
-}, children);
-var DSExpandableInput_default = DSExpandableInput;
-export {
-  DSExpandableInput,
-  DSExpandableInput_default as default
-};
-//# sourceMappingURL=DSExpandableInput.js.map

package/dist/esm/ExpandableInput/DSExpandableInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/DSExpandableInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ExpandableInputImpl } from './ExpandableInputImpl';\n\nconst DSExpandableInput = ({\n  containerProps = {},\n  innerRef,\n  className = '',\n  style = {},\n  triggerComponent = undefined,\n  children,\n  isOpen = false,\n  onOpen = () => null,\n  onClose = () => null,\n  onBlur = () => null,\n  width = undefined,\n}) => (\n  <ExpandableInputImpl\n    className={className}\n    containerProps={containerProps}\n    innerRef={innerRef}\n    isOpen={isOpen}\n    onBlur={onBlur}\n    onClose={onClose}\n    onOpen={onOpen}\n    style={style}\n    triggerComponent={triggerComponent}\n    width={width}\n  >\n    {children}\n  </ExpandableInputImpl>\n);\n\nexport { DSExpandableInput };\nexport default DSExpandableInput;\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,oBAAoB,CAAC;AAAA,EACzB,iBAAiB;AAAA,EACjB;AAAA,EACA,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,mBAAmB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,EACT,SAAS,MAAM;AAAA,EACf,UAAU,MAAM;AAAA,EAChB,SAAS,MAAM;AAAA,EACf,QAAQ;AAAA,MAER,qCAAC,qBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GAEC;AAKL,IAAO,4BAAQ;",
-  "names": []
-}

package/dist/esm/ExpandableInput/ExpandableInputImpl.js

@@ -1,61 +0,0 @@
-import * as React from "react";
-import React2, { Component, cloneElement } from "react";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { isFunction } from "@elliemae/ds-shared/utils";
-import { InputAddonWrapper } from "../Input";
-const blockName = "expandable-input";
-const ExpandableInput = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({ opened: isOpen }));
-const InputWrapper = aggregatedClasses(InputAddonWrapper)(blockName, "wrapper", ({ isOpen }) => ({ opened: isOpen }));
-class ExpandableInputImpl extends Component {
-  componentDidUpdate(prevProps) {
-    const { isOpen } = this.props;
-    if (isOpen && isOpen !== prevProps.isOpen)
-      this.input.focus();
-  }
-  render() {
-    const {
-      innerRef,
-      triggerComponent,
-      children,
-      width,
-      isOpen,
-      onOpen,
-      onClose,
-      onBlur,
-      containerProps
-    } = this.props;
-    const InputComponent = React2.Children.only(children);
-    const handleTriggerClick = (e) => {
-      if (isFunction(triggerComponent.onClick))
-        triggerComponent.onClick(e);
-      if (isOpen) {
-        onClose();
-      } else {
-        onOpen();
-      }
-    };
-    return /* @__PURE__ */ React2.createElement(ExpandableInput, {
-      ...containerProps,
-      classProps: { isOpen },
-      innerRef,
-      style: { width: isOpen && width }
-    }, /* @__PURE__ */ React2.createElement(InputWrapper, {
-      rightComponents: [
-        cloneElement(triggerComponent, {
-          key: "handler",
-          onClick: handleTriggerClick
-        })
-      ]
-    }, cloneElement(InputComponent, {
-      className: "expandable-input__input",
-      innerRef: (node) => this.input = node,
-      onBlur
-    })));
-  }
-}
-var ExpandableInputImpl_default = ExpandableInputImpl;
-export {
-  ExpandableInputImpl,
-  ExpandableInputImpl_default as default
-};
-//# sourceMappingURL=ExpandableInputImpl.js.map

package/dist/esm/ExpandableInput/ExpandableInputImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/ExpandableInputImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component, cloneElement } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction } from '@elliemae/ds-shared/utils';\nimport { InputAddonWrapper } from '../Input';\n\nconst blockName = 'expandable-input';\n\nconst ExpandableInput = aggregatedClasses('div')(\n  blockName,\n  null,\n  ({ isOpen }) => ({ opened: isOpen }),\n);\nconst InputWrapper = aggregatedClasses(InputAddonWrapper)(\n  blockName,\n  'wrapper',\n  ({ isOpen }) => ({ opened: isOpen }),\n);\n\nclass ExpandableInputImpl extends Component {\n  componentDidUpdate(prevProps) {\n    const { isOpen } = this.props;\n    if (isOpen && isOpen !== prevProps.isOpen) this.input.focus();\n  }\n\n  render() {\n    const {\n      innerRef,\n      triggerComponent,\n      children,\n      width,\n      isOpen,\n      onOpen,\n      onClose,\n      onBlur,\n      containerProps,\n    } = this.props;\n    const InputComponent = React.Children.only(children);\n    const handleTriggerClick = e => {\n      if (isFunction(triggerComponent.onClick)) triggerComponent.onClick(e);\n      if (isOpen) {\n        onClose();\n      } else {\n        onOpen();\n      }\n    };\n\n    return (\n      <ExpandableInput\n        {...containerProps}\n        classProps={{ isOpen }}\n        innerRef={innerRef}\n        style={{ width: isOpen && width }}\n      >\n        <InputWrapper\n          rightComponents={[\n            cloneElement(triggerComponent, {\n              key: 'handler',\n              onClick: handleTriggerClick,\n            }),\n          ]}\n        >\n          {cloneElement(InputComponent, {\n            className: 'expandable-input__input',\n            innerRef: node => (this.input = node),\n            onBlur,\n          })}\n        </InputWrapper>\n      </ExpandableInput>\n    );\n  }\n}\n\nexport { ExpandableInputImpl };\nexport default ExpandableInputImpl;"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,kBAAkB,kBAAkB,OACxC,WACA,MACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAE7B,MAAM,eAAe,kBAAkB,mBACrC,WACA,WACA,CAAC,EAAE,aAAc,GAAE,QAAQ;AAG7B,kCAAkC,UAAU;AAAA,EAC1C,mBAAmB,WAAW;AAC5B,UAAM,EAAE,WAAW,KAAK;AACxB,QAAI,UAAU,WAAW,UAAU;AAAQ,WAAK,MAAM;AAAA;AAAA,EAGxD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,iBAAiB,OAAM,SAAS,KAAK;AAC3C,UAAM,qBAAqB,OAAK;AAC9B,UAAI,WAAW,iBAAiB;AAAU,yBAAiB,QAAQ;AACnE,UAAI,QAAQ;AACV;AAAA,aACK;AACL;AAAA;AAAA;AAIJ,WACE,qCAAC,iBAAD;AAAA,SACM;AAAA,MACJ,YAAY,EAAE;AAAA,MACd;AAAA,MACA,OAAO,EAAE,OAAO,UAAU;AAAA,OAE1B,qCAAC,cAAD;AAAA,MACE,iBAAiB;AAAA,QACf,aAAa,kBAAkB;AAAA,UAC7B,KAAK;AAAA,UACL,SAAS;AAAA;AAAA;AAAA,OAIZ,aAAa,gBAAgB;AAAA,MAC5B,WAAW;AAAA,MACX,UAAU,UAAS,KAAK,QAAQ;AAAA,MAChC;AAAA;AAAA;AAAA;AASZ,IAAO,8BAAQ;",
-  "names": []
-}

package/dist/esm/ExpandableInput/index.js

@@ -1,3 +0,0 @@
-import * as React from "react";
-export * from "./DSExpandableInput";
-//# sourceMappingURL=index.js.map

package/dist/esm/ExpandableInput/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/ExpandableInput/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSExpandableInput';\n"],
-  "mappings": "AAAA;ACAA;",
-  "names": []
-}

package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js

@@ -1,55 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { FloatingLabelInputImpl } from "./FloatingLabelInputImpl";
-import { DSLabel } from "../FormItem/Label/DSLabel";
-import { DSTextBox } from "../TextBox/DSTextBox";
-const noop = () => {
-};
-const DSFloatingLabelInput = ({
-  containerProps = {},
-  arialLabel = "",
-  innerRef = noop,
-  className = "",
-  extraInputProps = {},
-  inputComponent = DSTextBox,
-  value = "",
-  labelComponent = DSLabel,
-  labelText = null,
-  onChange = noop,
-  onBlur = noop,
-  onFocus = noop,
-  isOpen = false,
-  hasError = false,
-  readOnly = false,
-  disabled = false,
-  required = false,
-  optional = false,
-  mask = null,
-  useSubfix = ""
-}) => /* @__PURE__ */ React2.createElement(FloatingLabelInputImpl, {
-  arialLabel,
-  className,
-  disabled,
-  extraInputProps,
-  hasError,
-  innerRef,
-  inputComponent,
-  isOpen,
-  labelComponent,
-  labelText,
-  mask,
-  onBlur,
-  onChange,
-  onFocus,
-  optional,
-  readOnly,
-  required,
-  useSubfix,
-  value
-});
-var DSFloatingLabelInput_default = DSFloatingLabelInput;
-export {
-  DSFloatingLabelInput,
-  DSFloatingLabelInput_default as default
-};
-//# sourceMappingURL=DSFloatingLabelInput.js.map

package/dist/esm/FloatingLabelInput/DSFloatingLabelInput.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/DSFloatingLabelInput.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { FloatingLabelInputImpl } from './FloatingLabelInputImpl';\nimport { DSLabel } from '../FormItem/Label/DSLabel';\nimport { DSTextBox } from '../TextBox/DSTextBox';\n\nconst noop = () => {};\nconst DSFloatingLabelInput = ({\n  containerProps = {},\n  arialLabel = '',\n  /**\n   * Gets the reference for the input controller\n   *\n   * @param {HTMLElement} node\n   */\n  innerRef = noop,\n  /**\n   * Custom className for floatingLabelInput\n   */\n  className = '',\n  /**\n   * Props injected to the input component\n   *\n   * @type Object\n   */\n  extraInputProps = {},\n  /**\n   * Input controller\n   *\n   * @type {element}\n   */\n  inputComponent = DSTextBox,\n  /**\n   * Input value\n   *\n   * @type {string}\n   */\n  value = '',\n  /**\n   * Label component\n   *\n   * @type {element}\n   */\n  labelComponent = DSLabel,\n  /**\n   * Label text\n   *\n   * @type {string | element}\n   */\n  labelText = null,\n  /**\n   * Callback when input controller has changed\n   *\n   * @param event\n   */\n  onChange = noop,\n  onBlur = noop,\n  onFocus = noop,\n  /**\n   * Whether the label is floating or not\n   *\n   * @type {boolean}\n   */\n  isOpen = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  hasError = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  readOnly = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  disabled = false,\n  /**\n   * Whether ...\n   *\n   * @type {boolean}\n   */\n  required = false,\n  optional = false,\n  mask = null,\n  useSubfix = '',\n}) => (\n  <FloatingLabelInputImpl\n    arialLabel={arialLabel}\n    className={className}\n    disabled={disabled}\n    extraInputProps={extraInputProps}\n    hasError={hasError}\n    innerRef={innerRef}\n    inputComponent={inputComponent}\n    isOpen={isOpen}\n    labelComponent={labelComponent}\n    labelText={labelText}\n    mask={mask}\n    onBlur={onBlur}\n    onChange={onChange}\n    onFocus={onFocus}\n    optional={optional}\n    readOnly={readOnly}\n    required={required}\n    useSubfix={useSubfix}\n    value={value}\n  />\n);\n\nexport { DSFloatingLabelInput };\nexport default DSFloatingLabelInput;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,OAAO,MAAM;AAAA;AACnB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,iBAAiB;AAAA,EACjB,aAAa;AAAA,EAMb,WAAW;AAAA,EAIX,YAAY;AAAA,EAMZ,kBAAkB;AAAA,EAMlB,iBAAiB;AAAA,EAMjB,QAAQ;AAAA,EAMR,iBAAiB;AAAA,EAMjB,YAAY;AAAA,EAMZ,WAAW;AAAA,EACX,SAAS;AAAA,EACT,UAAU;AAAA,EAMV,SAAS;AAAA,EAMT,WAAW;AAAA,EAMX,WAAW;AAAA,EAMX,WAAW;AAAA,EAMX,WAAW;AAAA,EACX,WAAW;AAAA,EACX,OAAO;AAAA,EACP,YAAY;AAAA,MAEZ,qCAAC,wBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAKJ,IAAO,+BAAQ;",
-  "names": []
-}

package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js

@@ -1,151 +0,0 @@
-import * as React from "react";
-import React2, { Component } from "react";
-import { aggregatedClasses } from "@elliemae/ds-classnames";
-import { getComponentFromProps } from "@elliemae/ds-utilities";
-import { DSTextWrapper } from "@elliemae/ds-text-wrapper";
-import { ResizeObserver } from "resize-observer";
-import { getSvgPath } from "./getSvgPath";
-import { RequiredMark } from "../RequiredMark/RequiredMark";
-const blockName = "labeled-outline";
-const Wrapper = aggregatedClasses("div")(blockName, null, ({ isOpen }) => ({
-  "has-value": isOpen
-}));
-const FloatingLabel = aggregatedClasses("label")(blockName, "label");
-const OutlineIdle = aggregatedClasses("div")(blockName, "idle");
-const Outline = aggregatedClasses("div")(blockName, "outline");
-const OutlinePath = aggregatedClasses("path")(blockName, "outline__path");
-const shouldUpdateSvgPath = ({ width, height, labelWidth }, prevSizes) => {
-  if (width !== prevSizes.width)
-    return true;
-  if (height !== prevSizes.height)
-    return true;
-  return labelWidth !== prevSizes.labelWidth;
-};
-class FloatingLabelInputImpl extends Component {
-  constructor(props) {
-    super(props);
-    this.resizeObserver = new ResizeObserver(() => this.updatePath());
-    this.prevSizes = {};
-    this.wrapperRef = React2.createRef();
-    this.outlinePathRef = React2.createRef();
-    this.outlineIdleRef = React2.createRef();
-    this.labelRef = React2.createRef();
-    this.updatePath = this.updatePath.bind(this);
-  }
-  componentDidMount() {
-    this.resizeObserver.observe(this.wrapperRef.current);
-  }
-  componentDidUpdate() {
-    if (!shouldUpdateSvgPath(this.sizes, this.prevSizes))
-      return;
-    this.updatePath();
-  }
-  componentWillUnmount() {
-    this.resizeObserver.unobserve(this.wrapperRef.current);
-  }
-  get sizes() {
-    const { current: labelEl } = this.labelRef;
-    const { current: wrapperEl } = this.wrapperRef;
-    const { current: outlineIdleEl } = this.outlineIdleRef;
-    const elStyles = window.getComputedStyle(outlineIdleEl);
-    const leftRadius = elStyles.getPropertyValue("border-top-left-radius");
-    const rightRadius = elStyles.getPropertyValue("border-top-right-radius");
-    const hasLeftRadius = parseFloat(leftRadius) !== 0;
-    const hasRightRadius = parseFloat(rightRadius) !== 0;
-    return {
-      labelWidth: labelEl.offsetWidth * 0.9,
-      width: wrapperEl.offsetWidth,
-      height: wrapperEl.offsetHeight,
-      radiusStyle: leftRadius,
-      hasLeftRadius,
-      hasRightRadius
-    };
-  }
-  get isOpened() {
-    const { focused, isOpen, value } = this.props;
-    return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;
-  }
-  getValue(value) {
-    const { valueAccessor } = this.props;
-    if (valueAccessor)
-      return valueAccessor(value);
-    if (value && value.target)
-      return value.target.value;
-    return value;
-  }
-  updatePath() {
-    const path = getSvgPath(this.sizes);
-    this.prevSizes = this.sizes;
-    this.outlinePathRef.current.setAttribute("d", path);
-  }
-  render() {
-    const {
-      ariaLabel,
-      hasError,
-      readOnly,
-      disabled,
-      inputComponent,
-      labelText,
-      onBlur,
-      onFocus,
-      innerRef,
-      extraInputProps,
-      required,
-      value,
-      onChange,
-      mask,
-      useSubfix,
-      optional
-    } = this.props;
-    const inputProps = {
-      ariaLabel,
-      className: "floating-label-input-controller",
-      disabled,
-      hasError,
-      onBlur,
-      onChange,
-      onFocus,
-      readOnly,
-      value,
-      innerRef,
-      mask,
-      useSubfix,
-      ...extraInputProps
-    };
-    const InputComponent = getComponentFromProps(inputComponent, inputProps);
-    const isOpen = this.isOpened;
-    return /* @__PURE__ */ React2.createElement(Wrapper, {
-      classProps: {
-        hasError,
-        isOpen,
-        readOnly,
-        disabled
-      },
-      innerRef: this.wrapperRef,
-      onBlur: () => null,
-      onFocus: () => null,
-      onMouseOut: this.handleMouseOut,
-      onMouseOver: this.handleMouseOver
-    }, InputComponent, /* @__PURE__ */ React2.createElement(FloatingLabel, {
-      classProps: { isOpen },
-      innerRef: this.labelRef
-    }, /* @__PURE__ */ React2.createElement(DSTextWrapper, {
-      maxWidth: "100%",
-      text: labelText
-    }), /* @__PURE__ */ React2.createElement(RequiredMark, {
-      optional,
-      required
-    })), /* @__PURE__ */ React2.createElement(Outline, null, /* @__PURE__ */ React2.createElement("svg", null, /* @__PURE__ */ React2.createElement(OutlinePath, {
-      innerRef: this.outlinePathRef
-    }))), /* @__PURE__ */ React2.createElement(OutlineIdle, {
-      innerRef: this.outlineIdleRef
-    }));
-  }
-}
-FloatingLabelInputImpl.defaultProps = { onChange: () => null };
-var FloatingLabelInputImpl_default = FloatingLabelInputImpl;
-export {
-  FloatingLabelInputImpl,
-  FloatingLabelInputImpl_default as default
-};
-//# sourceMappingURL=FloatingLabelInputImpl.js.map

package/dist/esm/FloatingLabelInput/FloatingLabelInputImpl.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/FloatingLabelInput/FloatingLabelInputImpl.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/no-unused-state */\nimport React, { Component } from 'react';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { getComponentFromProps } from '@elliemae/ds-utilities';\nimport { DSTextWrapper } from '@elliemae/ds-text-wrapper';\nimport { ResizeObserver } from 'resize-observer';\nimport { getSvgPath } from './getSvgPath';\nimport { RequiredMark } from '../RequiredMark/RequiredMark';\n\nconst blockName = 'labeled-outline';\n\nconst Wrapper = aggregatedClasses('div')(blockName, null, ({ isOpen }) => ({\n  'has-value': isOpen,\n}));\nconst FloatingLabel = aggregatedClasses('label')(blockName, 'label');\nconst OutlineIdle = aggregatedClasses('div')(blockName, 'idle');\nconst Outline = aggregatedClasses('div')(blockName, 'outline');\nconst OutlinePath = aggregatedClasses('path')(blockName, 'outline__path');\n\nconst shouldUpdateSvgPath = ({ width, height, labelWidth }, prevSizes) => {\n  if (width !== prevSizes.width) return true;\n  if (height !== prevSizes.height) return true;\n  return labelWidth !== prevSizes.labelWidth;\n};\n\nclass FloatingLabelInputImpl extends Component {\n  resizeObserver = new ResizeObserver(() => this.updatePath());\n\n  prevSizes = {};\n\n  static defaultProps = { onChange: () => null };\n\n  constructor(props) {\n    super(props);\n    this.wrapperRef = React.createRef();\n    this.outlinePathRef = React.createRef();\n    this.outlineIdleRef = React.createRef();\n    this.labelRef = React.createRef();\n\n    this.updatePath = this.updatePath.bind(this);\n  }\n\n  componentDidMount() {\n    this.resizeObserver.observe(this.wrapperRef.current);\n  }\n\n  componentDidUpdate() {\n    if (!shouldUpdateSvgPath(this.sizes, this.prevSizes)) return;\n    this.updatePath();\n  }\n\n  componentWillUnmount() {\n    this.resizeObserver.unobserve(this.wrapperRef.current);\n  }\n\n  get sizes() {\n    const { current: labelEl } = this.labelRef;\n    const { current: wrapperEl } = this.wrapperRef;\n    const { current: outlineIdleEl } = this.outlineIdleRef;\n    const elStyles = window.getComputedStyle(outlineIdleEl);\n    const leftRadius = elStyles.getPropertyValue('border-top-left-radius');\n    const rightRadius = elStyles.getPropertyValue('border-top-right-radius');\n    const hasLeftRadius = parseFloat(leftRadius) !== 0;\n    const hasRightRadius = parseFloat(rightRadius) !== 0;\n    return {\n      labelWidth: labelEl.offsetWidth * 0.9,\n      width: wrapperEl.offsetWidth,\n      height: wrapperEl.offsetHeight,\n      radiusStyle: leftRadius,\n      hasLeftRadius,\n      hasRightRadius,\n    };\n  }\n\n  get isOpened() {\n    const { focused, isOpen, value } = this.props;\n    return focused || (Array.isArray(value) ? !!value.length : !!value) || isOpen;\n  }\n\n  getValue(value) {\n    const { valueAccessor } = this.props;\n    if (valueAccessor) return valueAccessor(value);\n    // is an event\n    if (value && value.target) return value.target.value;\n\n    return value;\n  }\n\n  updatePath() {\n    const path = getSvgPath(this.sizes);\n    this.prevSizes = this.sizes;\n    this.outlinePathRef.current.setAttribute('d', path);\n  }\n\n  render() {\n    const {\n      ariaLabel,\n      hasError,\n      readOnly,\n      disabled,\n      inputComponent,\n      labelText,\n      onBlur,\n      onFocus,\n      innerRef,\n      extraInputProps,\n      required,\n      value,\n      onChange,\n      mask,\n      useSubfix,\n      optional,\n    } = this.props;\n\n    const inputProps = {\n      ariaLabel,\n      className: 'floating-label-input-controller',\n      disabled,\n      hasError,\n      onBlur,\n      onChange,\n      onFocus,\n      readOnly,\n      value,\n      innerRef,\n      mask,\n      useSubfix,\n      ...extraInputProps,\n    };\n    const InputComponent = getComponentFromProps(inputComponent, inputProps);\n    const isOpen = this.isOpened;\n\n    return (\n      <Wrapper\n        classProps={{\n          hasError,\n          isOpen,\n          readOnly,\n          disabled,\n        }}\n        innerRef={this.wrapperRef}\n        onBlur={() => null}\n        onFocus={() => null}\n        onMouseOut={this.handleMouseOut}\n        onMouseOver={this.handleMouseOver}\n      >\n        {InputComponent}\n        <FloatingLabel classProps={{ isOpen }} innerRef={this.labelRef}>\n          <DSTextWrapper maxWidth=\"100%\" text={labelText} />\n          <RequiredMark optional={optional} required={required} />\n        </FloatingLabel>\n        <Outline>\n          <svg>\n            <OutlinePath innerRef={this.outlinePathRef} />\n          </svg>\n        </Outline>\n        <OutlineIdle innerRef={this.outlineIdleRef} />\n      </Wrapper>\n    );\n  }\n}\n\nexport { FloatingLabelInputImpl };\nexport default FloatingLabelInputImpl;\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,YAAY;AAElB,MAAM,UAAU,kBAAkB,OAAO,WAAW,MAAM,CAAC,EAAE,aAAc;AAAA,EACzE,aAAa;AAAA;AAEf,MAAM,gBAAgB,kBAAkB,SAAS,WAAW;AAC5D,MAAM,cAAc,kBAAkB,OAAO,WAAW;AACxD,MAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,MAAM,cAAc,kBAAkB,QAAQ,WAAW;AAEzD,MAAM,sBAAsB,CAAC,EAAE,OAAO,QAAQ,cAAc,cAAc;AACxE,MAAI,UAAU,UAAU;AAAO,WAAO;AACtC,MAAI,WAAW,UAAU;AAAQ,WAAO;AACxC,SAAO,eAAe,UAAU;AAAA;AAGlC,qCAAqC,UAAU;AAAA,EAO7C,YAAY,OAAO;AACjB,UAAM;AAPR,0BAAiB,IAAI,eAAe,MAAM,KAAK;AAE/C,qBAAY;AAMV,SAAK,aAAa,OAAM;AACxB,SAAK,iBAAiB,OAAM;AAC5B,SAAK,iBAAiB,OAAM;AAC5B,SAAK,WAAW,OAAM;AAEtB,SAAK,aAAa,KAAK,WAAW,KAAK;AAAA;AAAA,EAGzC,oBAAoB;AAClB,SAAK,eAAe,QAAQ,KAAK,WAAW;AAAA;AAAA,EAG9C,qBAAqB;AACnB,QAAI,CAAC,oBAAoB,KAAK,OAAO,KAAK;AAAY;AACtD,SAAK;AAAA;AAAA,EAGP,uBAAuB;AACrB,SAAK,eAAe,UAAU,KAAK,WAAW;AAAA;AAAA,MAG5C,QAAQ;AACV,UAAM,EAAE,SAAS,YAAY,KAAK;AAClC,UAAM,EAAE,SAAS,cAAc,KAAK;AACpC,UAAM,EAAE,SAAS,kBAAkB,KAAK;AACxC,UAAM,WAAW,OAAO,iBAAiB;AACzC,UAAM,aAAa,SAAS,iBAAiB;AAC7C,UAAM,cAAc,SAAS,iBAAiB;AAC9C,UAAM,gBAAgB,WAAW,gBAAgB;AACjD,UAAM,iBAAiB,WAAW,iBAAiB;AACnD,WAAO;AAAA,MACL,YAAY,QAAQ,cAAc;AAAA,MAClC,OAAO,UAAU;AAAA,MACjB,QAAQ,UAAU;AAAA,MAClB,aAAa;AAAA,MACb;AAAA,MACA;AAAA;AAAA;AAAA,MAIA,WAAW;AACb,UAAM,EAAE,SAAS,QAAQ,UAAU,KAAK;AACxC,WAAO,WAAY,OAAM,QAAQ,SAAS,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,UAAU;AAAA;AAAA,EAGzE,SAAS,OAAO;AACd,UAAM,EAAE,kBAAkB,KAAK;AAC/B,QAAI;AAAe,aAAO,cAAc;AAExC,QAAI,SAAS,MAAM;AAAQ,aAAO,MAAM,OAAO;AAE/C,WAAO;AAAA;AAAA,EAGT,aAAa;AACX,UAAM,OAAO,WAAW,KAAK;AAC7B,SAAK,YAAY,KAAK;AACtB,SAAK,eAAe,QAAQ,aAAa,KAAK;AAAA;AAAA,EAGhD,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,QACE,KAAK;AAET,UAAM,aAAa;AAAA,MACjB;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,SACG;AAAA;AAEL,UAAM,iBAAiB,sBAAsB,gBAAgB;AAC7D,UAAM,SAAS,KAAK;AAEpB,WACE,qCAAC,SAAD;AAAA,MACE,YAAY;AAAA,QACV;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MAEF,UAAU,KAAK;AAAA,MACf,QAAQ,MAAM;AAAA,MACd,SAAS,MAAM;AAAA,MACf,YAAY,KAAK;AAAA,MACjB,aAAa,KAAK;AAAA,OAEjB,gBACD,qCAAC,eAAD;AAAA,MAAe,YAAY,EAAE;AAAA,MAAU,UAAU,KAAK;AAAA,OACpD,qCAAC,eAAD;AAAA,MAAe,UAAS;AAAA,MAAO,MAAM;AAAA,QACrC,qCAAC,cAAD;AAAA,MAAc;AAAA,MAAoB;AAAA,SAEpC,qCAAC,SAAD,MACE,qCAAC,OAAD,MACE,qCAAC,aAAD;AAAA,MAAa,UAAU,KAAK;AAAA,UAGhC,qCAAC,aAAD;AAAA,MAAa,UAAU,KAAK;AAAA;AAAA;AAAA;AA9H3B,AALT,uBAKS,eAAe,EAAE,UAAU,MAAM;AAqI1C,IAAO,iCAAQ;",
-  "names": []
-}