@alfalab/core-components 37.4.0 → 37.5.0-beta.1

package/input/modern/default.css

@@ -1,19 +1,24 @@
 /* hash: 17ym5 */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
     --color-light-text-primary: #0b1f35;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --input-color: var(--color-light-text-primary);
     --input-placeholder-color: var(--color-light-text-secondary);
     --input-focus-placeholder-color: var(--color-light-text-tertiary);
@@ -32,42 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-}
-.input__input_135z1 {
+} .input__input_1htf1 {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.input__input_135z1:-webkit-autofill {
+} .input__input_1htf1:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-}
-.input__input_135z1::placeholder {
+} .input__input_1htf1::placeholder {
     color: var(--input-placeholder-color);
-}
-.input__hasInnerLabel_135z1::placeholder {
+} .input__hasInnerLabel_1htf1::placeholder {
     color: var(--input-with-label-placeholder-color);
-}
-.input__clearIcon_135z1 {
+} .input__clearIcon_1htf1 {
     color: var(--color-light-graphic-primary);
-}
-/* READ-ONLY STATE */
-.input__input_135z1:read-only {
+} /* READ-ONLY STATE */ .input__input_1htf1:read-only {
     color: var(--input-read-only-color)
-}
-.input__input_135z1:read-only:focus::placeholder {
+} .input__input_1htf1:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    }
-/* DISABLED STATE */
-.input__input_135z1:disabled {
+    } /* DISABLED STATE */ .input__input_1htf1:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-}
-/* FOCUS STATE */
-.input__input_135z1:focus::placeholder {
+} /* FOCUS STATE */ .input__input_1htf1:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-}
-/* ERROR STATE */
-.input__error_135z1 {
+} /* ERROR STATE */ .input__error_1htf1 {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 }

package/input/modern/index.css

@@ -1,21 +1,23 @@
 /* hash: 1n0zh */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-graphic-negative: #f15045;
     --color-light-graphic-positive: #2fc26e;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
-}
-:root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
         sans-serif;
@@ -24,8 +26,7 @@
     --size-m-height: 56px;
     --size-l-height: 64px;
     --size-xl-height: 72px;
-}
-:root {
+} :root {
 
     /* disabled */
 
@@ -49,8 +50,7 @@
     --form-control-font-family: var(--font-family);
 
     /* border-radius */
-}
-:root {
+} :root {
 
     /* disabled */
 
@@ -64,8 +64,7 @@
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
     --input-error-icon-not-alone-display: none;
-}
-.input__input_1r9af {
+} .input__input_3spt9 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -80,133 +79,94 @@
     text-overflow: ellipsis;
     box-sizing: border-box;
     -webkit-appearance: none;
-}
-.input__input_1r9af::placeholder {
+} .input__input_3spt9::placeholder {
     transition: opacity 0.2s ease, color 0.2s ease;
-}
-.input__hasInnerLabel_1r9af::placeholder {
+} .input__hasInnerLabel_3spt9::placeholder {
         opacity: 0;
-    }
-.input__hasInnerLabel_1r9af.input__s_1r9af {
+    } .input__hasInnerLabel_3spt9.input__s_3spt9 {
         height: var(--form-control-s-min-height);
-    }
-.input__hasInnerLabel_1r9af.input__m_1r9af {
+    } .input__hasInnerLabel_3spt9.input__m_3spt9 {
         height: var(--form-control-m-min-height);
-    }
-.input__hasInnerLabel_1r9af.input__l_1r9af {
+    } .input__hasInnerLabel_3spt9.input__l_3spt9 {
         height: var(--form-control-l-min-height);
-    }
-.input__hasInnerLabel_1r9af.input__xl_1r9af {
+    } .input__hasInnerLabel_3spt9.input__xl_3spt9 {
         height: var(--form-control-xl-min-height);
-    }
-.input__block_1r9af {
+    } .input__block_3spt9 {
     width: 100%;
-}
-.input__clearIcon_1r9af {
+} .input__clearIcon_3spt9 {
     display: block;
     opacity: 0.3;
     transition: opacity 0.2s ease
-}
-.input__clearIcon_1r9af:hover {
+} .input__clearIcon_3spt9:hover {
         opacity: 0.6;
-    }
-.input__clearIcon_1r9af:active {
+    } .input__clearIcon_3spt9:active {
         opacity: 1;
-    }
-.input__errorIcon_1r9af {
+    } .input__errorIcon_3spt9 {
     display: var(--input-error-icon-display)
-}
-.input__errorIcon_1r9af:not(:only-child) {
+} .input__errorIcon_3spt9:not(:only-child) {
         margin-left: var(--gap-2xs);
-    }
-* + .input__errorIcon_1r9af {
+    } * + .input__errorIcon_3spt9 {
     display: var(--input-error-icon-not-alone-display);
-}
-.input__errorColorIcon_1r9af {
+} .input__errorColorIcon_3spt9 {
     color: var(--color-light-graphic-negative);
-}
-.input__clearButton_1r9af + * {
+} .input__clearButton_3spt9 + * {
     margin-left: var(--gap-2xs);
-}
-.input__clearButton_1r9af + .input__errorIcon_1r9af {
+} .input__clearButton_3spt9 + .input__errorIcon_3spt9 {
     display: var(--input-error-icon-display);
-}
-.input__successIcon_1r9af {
+} .input__successIcon_3spt9 {
     display: var(--input-success-icon-display)
-}
-.input__successIcon_1r9af:not(:only-child) {
+} .input__successIcon_3spt9:not(:only-child) {
         margin-left: var(--gap-2xs);
-    }
-.input__successColorIcon_1r9af {
+    } .input__successColorIcon_3spt9 {
     color: var(--color-light-graphic-positive);
-}
-/* DISABLED STATE */
-.input__input_1r9af:disabled {
+} /* DISABLED STATE */ .input__input_3spt9:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
-}
-/* FOCUS STATE */
-.input__input_1r9af:focus.input__hasInnerLabel_1r9af::placeholder {
+} /* FOCUS STATE */ .input__input_3spt9:focus.input__hasInnerLabel_3spt9::placeholder {
     opacity: 1;
-}
-.input__focusVisible_1r9af {
+} .input__focusVisible_3spt9 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-}
-/* READ-ONLY STATE */
-.input__hasInnerLabel_1r9af:read-only:focus::placeholder {
+} /* READ-ONLY STATE */ .input__hasInnerLabel_3spt9:read-only:focus::placeholder {
     opacity: 0;
-}
-/* IE hide clear */
-.input__input_1r9af::-ms-clear {
+} /* IE hide clear */ .input__input_3spt9::-ms-clear {
     display: none;
     width: 0;
     height: 0;
-}
-/* Убирает синюю заливку при автокомплите */
-.input__input_1r9af:-webkit-autofill:first-line, .input__input_1r9af:-webkit-autofill:hover:first-line, .input__input_1r9af:-webkit-autofill:focus:first-line, .input__input_1r9af:-webkit-autofill:active:first-line {
+} /* Убирает синюю заливку при автокомплите */ .input__input_3spt9:-webkit-autofill:first-line, .input__input_3spt9:-webkit-autofill:hover:first-line, .input__input_3spt9:-webkit-autofill:focus:first-line, .input__input_3spt9:-webkit-autofill:active:first-line {
             font-size: 16px;
             line-height: 20px;
             font-weight: 400;
             font-family: var(--form-control-font-family);
-        }
-.input__input_1r9af:-webkit-autofill,
-    .input__input_1r9af:-webkit-autofill:hover,
-    .input__input_1r9af:-webkit-autofill:focus,
-    .input__input_1r9af:-webkit-autofill:active {
+        } .input__input_3spt9:-webkit-autofill,
+    .input__input_3spt9:-webkit-autofill:hover,
+    .input__input_3spt9:-webkit-autofill:focus,
+    .input__input_3spt9:-webkit-autofill:active {
 
         /* Hack from http://stackoverflow.com/a/29350537 */
         -webkit-transition: background-color 999999s ease-in-out 0s;
         transition: background-color 999999s ease-in-out 0s;
-    }
-.input__input_1r9af:-webkit-autofill {
-        animation: input__onautofillstart_1r9af 999999s forwards;
-    }
-.input__input_1r9af:not(:-webkit-autofill) {
+    } .input__input_3spt9:-webkit-autofill {
+        animation: input__onautofillstart_3spt9 999999s forwards;
+    } .input__input_3spt9:not(:-webkit-autofill) {
         /* Позволяет отслеживать autofill через js */
-        animation: input__onautofillcancel_1r9af 999999s;
-    }
-/* Убирает нативные стрелочки при type=number */
-.input__input_1r9af::-webkit-outer-spin-button,
-    .input__input_1r9af::-webkit-inner-spin-button {
+        animation: input__onautofillcancel_3spt9 999999s;
+    } /* Убирает нативные стрелочки при type=number */ .input__input_3spt9::-webkit-outer-spin-button,
+    .input__input_3spt9::-webkit-inner-spin-button {
         -webkit-appearance: none;
-    }
-.input__input_1r9af {
+    } .input__input_3spt9 {
 
     /* Firefox */
-}
-.input__input_1r9af[type='number'] {
+} .input__input_3spt9[type='number'] {
         -moz-appearance: textfield;
-    }
-@keyframes input__onautofillstart_1r9af {
+    } @keyframes input__onautofillstart_3spt9 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }
     to {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0.01);
     }
-}
-@keyframes input__onautofillcancel_1r9af {
+} @keyframes input__onautofillcancel_3spt9 {
     from {
         -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     }

package/input/modern/inverted.css

@@ -1,19 +1,24 @@
 /* hash: vrzif */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary-inverted: #fff;
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary-inverted: rgba(255, 255, 255, 0.7);
     --color-light-text-tertiary-inverted: rgba(255, 255, 255, 0.4);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
+} :root {
     --input-inverted-color: var(--color-light-text-primary-inverted);
     --input-inverted-placeholder-color: var(--color-light-text-secondary-inverted);
     --input-inverted-focus-placeholder-color: var(--color-light-text-tertiary-inverted);
@@ -32,42 +37,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-}
-.input__input_qzceo {
+} .input__input_15mse {
     color: var(--input-inverted-color);
     caret-color: var(--input-inverted-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-.input__input_qzceo:-webkit-autofill {
+} .input__input_15mse:-webkit-autofill {
     -webkit-text-fill-color: var(--input-inverted-color);
-}
-.input__input_qzceo::placeholder {
+} .input__input_15mse::placeholder {
     color: var(--input-inverted-placeholder-color);
-}
-.input__hasInnerLabel_qzceo::placeholder {
+} .input__hasInnerLabel_15mse::placeholder {
     color: var(--input-inverted-with-label-placeholder-color);
-}
-.input__clearIcon_qzceo {
+} .input__clearIcon_15mse {
     color: var(--color-light-graphic-primary-inverted);
-}
-/* READ-ONLY STATE */
-.input__input_qzceo:read-only {
+} /* READ-ONLY STATE */ .input__input_15mse:read-only {
     color: var(--input-inverted-read-only-color)
-}
-.input__input_qzceo:read-only:focus::placeholder {
+} .input__input_15mse:read-only:focus::placeholder {
         color: var(--input-inverted-placeholder-color);
-    }
-/* DISABLED STATE */
-.input__input_qzceo:disabled {
+    } /* DISABLED STATE */ .input__input_15mse:disabled {
     color: var(--input-inverted-disabled-color);
     -webkit-text-fill-color: var(--input-inverted-disabled-color);
-}
-/* FOCUS STATE */
-.input__input_qzceo:focus::placeholder {
+} /* FOCUS STATE */ .input__input_15mse:focus::placeholder {
     color: var(--input-inverted-focus-placeholder-color);
-}
-/* ERROR STATE */
-.input__error_qzceo {
+} /* ERROR STATE */ .input__error_15mse {
     color: var(--input-inverted-error-color);
     caret-color: var(--input-inverted-error-color);
 }

package/input-autocomplete/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-73246b1c.js');
+var tslib_es6 = require('./tslib.es6-f1ddda83.js');
 var React = require('react');
 var coreComponentsSelect = require('../select');
 var autocompleteField_Component = require('./autocomplete-field/Component.js');

package/input-autocomplete/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-73246b1c.js');
+var tslib_es6 = require('./tslib.es6-f1ddda83.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -17,7 +17,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var throttle__default = /*#__PURE__*/_interopDefaultCompat(throttle);
 
-var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_30lcl","footer":"input-autocomplete__footer_30lcl"};
+var styles = {"bottomSheetInput":"input-autocomplete__bottomSheetInput_fu1mm","footer":"input-autocomplete__footer_fu1mm"};
 require('./mobile.css');
 
 var SELECTED = [];

package/input-autocomplete/Component.responsive.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-73246b1c.js');
+var tslib_es6 = require('./tslib.es6-f1ddda83.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var Component_desktop = require('./Component.desktop.js');

package/input-autocomplete/autocomplete-field/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../tslib.es6-73246b1c.js');
+var tslib_es6 = require('../tslib.es6-f1ddda83.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
@@ -10,7 +10,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"arrow":"input-autocomplete__arrow_jx6hq","error":"input-autocomplete__error_jx6hq"};
+var styles = {"arrow":"input-autocomplete__arrow_dddgi","error":"input-autocomplete__error_dddgi"};
 require('./index.css');
 
 var AutocompleteField = function (_a) {

package/input-autocomplete/autocomplete-field/index.css

@@ -1,4 +1,4 @@
-/* hash: uxw6v */
-.input-autocomplete__arrow_jx6hq.input-autocomplete__error_jx6hq ~ * {
+/* hash: hekwj */
+.input-autocomplete__arrow_dddgi.input-autocomplete__error_dddgi ~ * {
     display: none;
 }

package/input-autocomplete/autocomplete-field/index.js

@@ -1,5 +1,5 @@
 var autocompleteField_Component = require('./Component.js');
-require('../tslib.es6-73246b1c.js');
+require('../tslib.es6-f1ddda83.js');
 require('react');
 require('react-merge-refs');
 require('classnames');

package/input-autocomplete/autocomplete-mobile-field/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../tslib.es6-73246b1c.js');
+var tslib_es6 = require('../tslib.es6-f1ddda83.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../../form-control');
@@ -9,7 +9,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"input-autocomplete__component_17hpw","field":"input-autocomplete__field_17hpw","disabled":"input-autocomplete__disabled_17hpw","placeholder":"input-autocomplete__placeholder_17hpw","contentWrapper":"input-autocomplete__contentWrapper_17hpw","value":"input-autocomplete__value_17hpw","focusVisible":"input-autocomplete__focusVisible_17hpw"};
+var styles = {"component":"input-autocomplete__component_1xzma","field":"input-autocomplete__field_1xzma","disabled":"input-autocomplete__disabled_1xzma","placeholder":"input-autocomplete__placeholder_1xzma","contentWrapper":"input-autocomplete__contentWrapper_1xzma","value":"input-autocomplete__value_1xzma","focusVisible":"input-autocomplete__focusVisible_1xzma"};
 require('./index.css');
 
 var AutocompleteMobileField = function (_a) {

package/input-autocomplete/autocomplete-mobile-field/index.css

@@ -1,34 +1,33 @@
-/* hash: 1i5bm */
+/* hash: miueh */
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.input-autocomplete__component_17hpw {
+} .input-autocomplete__component_1xzma {
     width: 100%;
     outline: none;
-}
-.input-autocomplete__field_17hpw:not(.input-autocomplete__disabled_17hpw) {
+} .input-autocomplete__field_1xzma:not(.input-autocomplete__disabled_1xzma) {
     cursor: pointer;
-}
-.input-autocomplete__disabled_17hpw {
+} .input-autocomplete__disabled_1xzma {
     cursor: var(--disabled-cursor);
-}
-.input-autocomplete__placeholder_17hpw {
+} .input-autocomplete__placeholder_1xzma {
     color: var(--color-light-text-secondary);
-}
-.input-autocomplete__contentWrapper_17hpw {
+} .input-autocomplete__contentWrapper_1xzma {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -37,13 +36,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-}
-.input-autocomplete__value_17hpw {
+} .input-autocomplete__value_1xzma {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-}
-.input-autocomplete__focusVisible_17hpw {
+} .input-autocomplete__focusVisible_1xzma {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/autocomplete-mobile-field/index.js

@@ -1,5 +1,5 @@
 var autocompleteMobileField_Component = require('./Component.js');
-require('../tslib.es6-73246b1c.js');
+require('../tslib.es6-f1ddda83.js');
 require('react');
 require('classnames');
 require('../../form-control');

package/input-autocomplete/cssm/autocomplete-mobile-field/index.module.css

@@ -1,33 +1,32 @@
 :root {
+} /* deprecated */ :root {
     --color-light-border-link: #007aff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
+} :root {
+} :root {
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
-}
-.component {
+} .component {
     width: 100%;
     outline: none;
-}
-.field:not(.disabled) {
+} .field:not(.disabled) {
     cursor: pointer;
-}
-.disabled {
+} .disabled {
     cursor: var(--disabled-cursor);
-}
-.placeholder {
+} .placeholder {
     color: var(--color-light-text-secondary);
-}
-.contentWrapper {
+} .contentWrapper {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -36,13 +35,11 @@
     text-overflow: ellipsis;
     overflow: hidden;
     width: 100%;
-}
-.value {
+} .value {
     overflow: hidden;
     text-overflow: ellipsis;
     text-align: left;
-}
-.focusVisible {
+} .focusVisible {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/input-autocomplete/cssm/index-7ca84eff.d.ts

@@ -24,6 +24,12 @@ type BottomSheetProps = {
      * Кнопка действия (обычно, это кнопка закрытия)
      */
     actionButton?: ReactNode;
+    /**
+     * Нода, компонент или функция возвращающая их
+     *
+     * Контейнер к которому будут добавляться порталы
+     */
+    container?: BaseModalProps["container"];
     /**
      * Дополнительный класс
      */

package/input-autocomplete/cssm/mobile.module.css

@@ -1,22 +1,25 @@
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-xs: 8px;
     --gap-m: 16px;
-}
-.bottomSheetInput {
+} :root {
+} :root {
+} .bottomSheetInput {
     padding: 0 var(--gap-xs) var(--gap-xs);
     box-sizing: border-box;
-}
-.footer {
+} .footer {
     display: flex
-}
-.footer > button + button {
+} .footer > button + button {
         margin-left: var(--gap-m);
     }

package/input-autocomplete/desktop.js

@@ -1,5 +1,5 @@
 var Component_desktop = require('./Component.desktop.js');
-require('./tslib.es6-73246b1c.js');
+require('./tslib.es6-f1ddda83.js');
 require('react');
 require('../select');
 require('./autocomplete-field/Component.js');

package/input-autocomplete/esm/Component.desktop.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './tslib.es6-c603502c.js';
+import { _ as __rest, a as __assign } from './tslib.es6-c3f80519.js';
 import React, { forwardRef } from 'react';
 import { BaseSelect, OptionsList, Optgroup, Option } from '../../select/esm';
 import { AutocompleteField } from './autocomplete-field/Component.js';