@tager/admin-export 0.1.5 → 1.0.0

package/dist/index.esm.js

@@ -1,3702 +0,0 @@
-import { request, createId, isNotNullish, useResource, convertRequestErrorToMap, i18n } from '@tager/admin-services';
-import { defineComponent, onMounted, ref, computed, watch } from '@vue/composition-api';
-import { useTranslation, useDataTable, BaseTable, BaseButton, SvgIcon, useLocalStorage, FormFieldFileInput, MapField, ButtonField, FormFieldColorInput, FormFieldMultiSelect, AjaxSelect, FormFieldSelect, FormFieldCheckbox, FormFieldRichTextInput, FormField, FormFieldNumberInput, DateTimeInput, FormFooter } from '@tager/admin-ui';
-import { compile } from 'path-to-regexp';
-import Vue from 'vue';
-import kebabCase from 'lodash.kebabcase';
-
-const EN = {
-    home: 'Home',
-    exportAndImport: 'Export / Import',
-    export: 'Export',
-    exportList: 'Export List',
-    exportForm: 'Export Form',
-    type: 'Type',
-    exportType: 'Export type',
-    status: 'status',
-    message: 'Message',
-    log: 'Log',
-    file: 'file',
-    newExport: 'New export',
-    exportCreation: 'Export creation',
-    success: 'Success',
-    error: 'Error',
-    createdSuccessMessage: 'Export has been successfully created',
-    createdErrorMessage: 'Export creation has been failed',
-    filename: 'File name',
-    format: 'Format',
-    delimiter: 'Delimiter',
-    comma: 'Comma',
-    semicolon: 'Semicolon',
-};
-
-const RU = {
-    home: 'Главная',
-    exportAndImport: 'Экспорт / Импорт',
-    export: 'Экспорт',
-    exportList: 'Список экспортов',
-    exportForm: 'Форма экспорта',
-    type: 'Тип',
-    exportType: 'Тип экспорта',
-    status: 'Статус',
-    message: 'Сообщение',
-    log: 'Лог',
-    file: 'Файл',
-    newExport: 'Новый экспорт',
-    exportCreation: 'Создание экспорта',
-    success: 'Успех',
-    error: 'Ошибка',
-    createdSuccessMessage: 'Экспорт была успешно создан',
-    createdErrorMessage: 'Создание экспорта не удалось',
-    filename: 'Имя файла',
-    format: 'Формат',
-    delimiter: 'Разделитель',
-    comma: 'Запятая',
-    semicolon: 'Точка с запятой',
-};
-
-function getExportList(params) {
-    return request.get({ path: '/admin/tager/export', params });
-}
-function getStrategies() {
-    return request.get({ path: '/admin/tager/export/strategies' });
-}
-function createExport(payload) {
-    return request.post({ path: '/admin/tager/export', body: payload });
-}
-
-const EXPORT_ROUTE_PATHS = {
-    EXPORT_LIST: '/export',
-    EXPORT_FORM: '/export/:exportId',
-};
-
-function getExportListUrl() {
-    return EXPORT_ROUTE_PATHS.EXPORT_LIST;
-}
-function getExportFormUrl(params) {
-    return compile(EXPORT_ROUTE_PATHS.EXPORT_FORM)(params);
-}
-
-function dateTimeFormat(value) {
-    const options = {
-        year: 'numeric',
-        month: 'numeric',
-        day: 'numeric',
-        hour: 'numeric',
-        minute: 'numeric',
-        second: 'numeric',
-    };
-    const date = new Date(value);
-    return new Intl.DateTimeFormat('ru-RU', options).format(date);
-}
-
-var script = defineComponent({
-    name: 'CellHistory',
-    props: {
-        history: {
-            type: Array,
-            default: () => [],
-        },
-    },
-    setup() {
-        return {
-            dateTimeFormat,
-        };
-    },
-});
-
-function normalizeComponent(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier /* server only */, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-    if (typeof shadowMode !== 'boolean') {
-        createInjectorSSR = createInjector;
-        createInjector = shadowMode;
-        shadowMode = false;
-    }
-    // Vue.extend constructor export interop.
-    const options = typeof script === 'function' ? script.options : script;
-    // render functions
-    if (template && template.render) {
-        options.render = template.render;
-        options.staticRenderFns = template.staticRenderFns;
-        options._compiled = true;
-        // functional template
-        if (isFunctionalTemplate) {
-            options.functional = true;
-        }
-    }
-    // scopedId
-    if (scopeId) {
-        options._scopeId = scopeId;
-    }
-    let hook;
-    if (moduleIdentifier) {
-        // server build
-        hook = function (context) {
-            // 2.3 injection
-            context =
-                context || // cached call
-                    (this.$vnode && this.$vnode.ssrContext) || // stateful
-                    (this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext); // functional
-            // 2.2 with runInNewContext: true
-            if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-                context = __VUE_SSR_CONTEXT__;
-            }
-            // inject component styles
-            if (style) {
-                style.call(this, createInjectorSSR(context));
-            }
-            // register component module identifier for async chunk inference
-            if (context && context._registeredComponents) {
-                context._registeredComponents.add(moduleIdentifier);
-            }
-        };
-        // used by ssr in case component is cached and beforeCreate
-        // never gets called
-        options._ssrRegister = hook;
-    }
-    else if (style) {
-        hook = shadowMode
-            ? function (context) {
-                style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-            }
-            : function (context) {
-                style.call(this, createInjector(context));
-            };
-    }
-    if (hook) {
-        if (options.functional) {
-            // register for functional component in vue file
-            const originalRender = options.render;
-            options.render = function renderWithStyleInjection(h, context) {
-                hook.call(context);
-                return originalRender(h, context);
-            };
-        }
-        else {
-            // inject component registration as beforeCreate hook
-            const existing = options.beforeCreate;
-            options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-        }
-    }
-    return script;
-}
-
-const isOldIE = typeof navigator !== 'undefined' &&
-    /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-function createInjector(context) {
-    return (id, style) => addStyle(id, style);
-}
-let HEAD;
-const styles = {};
-function addStyle(id, css) {
-    const group = isOldIE ? css.media || 'default' : id;
-    const style = styles[group] || (styles[group] = { ids: new Set(), styles: [] });
-    if (!style.ids.has(id)) {
-        style.ids.add(id);
-        let code = css.source;
-        if (css.map) {
-            // https://developer.chrome.com/devtools/docs/javascript-debugging
-            // this makes source maps inside style tags work properly in Chrome
-            code += '\n/*# sourceURL=' + css.map.sources[0] + ' */';
-            // http://stackoverflow.com/a/26603875
-            code +=
-                '\n/*# sourceMappingURL=data:application/json;base64,' +
-                    btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) +
-                    ' */';
-        }
-        if (!style.element) {
-            style.element = document.createElement('style');
-            style.element.type = 'text/css';
-            if (css.media)
-                style.element.setAttribute('media', css.media);
-            if (HEAD === undefined) {
-                HEAD = document.head || document.getElementsByTagName('head')[0];
-            }
-            HEAD.appendChild(style.element);
-        }
-        if ('styleSheet' in style.element) {
-            style.styles.push(code);
-            style.element.styleSheet.cssText = style.styles
-                .filter(Boolean)
-                .join('\n');
-        }
-        else {
-            const index = style.ids.size - 1;
-            const textNode = document.createTextNode(code);
-            const nodes = style.element.childNodes;
-            if (nodes[index])
-                style.element.removeChild(nodes[index]);
-            if (nodes.length)
-                style.element.insertBefore(textNode, nodes[index]);
-            else
-                style.element.appendChild(textNode);
-        }
-    }
-}
-
-/* script */
-const __vue_script__ = script;
-
-/* template */
-var __vue_render__ = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _vm.history.length > 0
-    ? _c(
-        "ul",
-        _vm._l(_vm.history, function (history, index) {
-          return _c("li", { key: index }, [
-            _c("span", { staticClass: "name" }, [
-              _vm._v("\n      " + _vm._s(history.status) + "\n    "),
-            ]),
-            _vm._v(
-              "\n    " + _vm._s(_vm.dateTimeFormat(history.datetime)) + "\n  "
-            ),
-          ])
-        }),
-        0
-      )
-    : _vm._e()
-};
-var __vue_staticRenderFns__ = [];
-__vue_render__._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__ = function (inject) {
-    if (!inject) return
-    inject("data-v-0859f4f6_0", { source: ".name[data-v-0859f4f6] {\n  display: inline-block;\n  width: 100px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-export/tager-admin-export/src/views/ExportList/components/CellHistory/CellHistory.vue","CellHistory.vue"],"names":[],"mappings":"AAoCA;EACA,qBAAA;EACA,YAAA;ACnCA;;AAEA,0CAA0C","file":"CellHistory.vue","sourcesContent":["<template>\n  <ul v-if=\"history.length > 0\">\n    <li v-for=\"(history, index) of history\" :key=\"index\">\n      <span class=\"name\">\n        {{ history.status }}\n      </span>\n      {{ dateTimeFormat(history.datetime) }}\n    </li>\n  </ul>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, PropType } from '@vue/composition-api';\n\nimport { HistoryType } from '../../../../typings/model';\n\nimport { Props } from './CellHistory.types';\nimport { dateTimeFormat } from './CellHistory.helpers';\n\nexport default defineComponent<Props>({\n  name: 'CellHistory',\n  props: {\n    history: {\n      type: Array as PropType<HistoryType[]>,\n      default: () => [],\n    },\n  },\n  setup() {\n    return {\n      dateTimeFormat,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.name {\n  display: inline-block;\n  width: 100px;\n}\n</style>\n",".name {\n  display: inline-block;\n  width: 100px;\n}\n\n/*# sourceMappingURL=CellHistory.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__ = "data-v-0859f4f6";
-  /* module identifier */
-  const __vue_module_identifier__ = undefined;
-  /* functional template */
-  const __vue_is_functional_template__ = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__ = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__, staticRenderFns: __vue_staticRenderFns__ },
-    __vue_inject_styles__,
-    __vue_script__,
-    __vue_scope_id__,
-    __vue_is_functional_template__,
-    __vue_module_identifier__,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-var script$1 = defineComponent({
-    name: 'ExportList',
-    components: { CellHistory: __vue_component__ },
-    setup(props, context) {
-        const { t } = useTranslation(context);
-        const { fetchEntityList: fetchExportList, isLoading: isExportListLoading, rowData: exportList, errorMessage, searchQuery, handleChange, pageSize, pageCount, pageNumber, } = useDataTable({
-            fetchEntityList: (params) => getExportList({
-                pageNumber: params.pageNumber,
-                pageSize: params.pageSize,
-            }),
-            initialValue: [],
-            context,
-            resourceName: 'Export list',
-            pageSize: 100,
-        });
-        onMounted(() => {
-            fetchExportList();
-        });
-        const columnDefs = [
-            {
-                id: 1,
-                name: 'ID',
-                field: 'id',
-                style: { width: '50px', textAlign: 'center' },
-                headStyle: { width: '50px', textAlign: 'center' },
-            },
-            {
-                id: 2,
-                name: t('export:type'),
-                field: 'strategy',
-                style: { width: '15%' },
-                headStyle: { width: '15%' },
-            },
-            {
-                id: 3,
-                name: t('export:status'),
-                field: 'status',
-                style: { width: '15%' },
-                headStyle: { width: '15%' },
-            },
-            {
-                id: 4,
-                name: t('export:message'),
-                field: 'message',
-            },
-            {
-                id: 5,
-                name: t('export:log'),
-                field: 'history',
-                style: { width: '25%' },
-                headStyle: { width: '25%' },
-            },
-            {
-                id: 6,
-                name: t('export:file'),
-                field: 'file',
-                type: 'file',
-                style: { width: '150px', textAlign: 'center' },
-                headStyle: { width: '150px', textAlign: 'center' },
-            },
-        ];
-        return {
-            columnDefs,
-            getExportFormUrl,
-            rowData: exportList,
-            isRowDataLoading: isExportListLoading,
-            errorMessage: errorMessage,
-            searchQuery,
-            handleChange,
-            pageSize,
-            pageCount,
-            pageNumber,
-        };
-    },
-});
-
-/* script */
-const __vue_script__$1 = script$1;
-
-/* template */
-var __vue_render__$1 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "page",
-    {
-      attrs: {
-        title: _vm.$t("export:export"),
-        "header-buttons": [
-          {
-            text: _vm.$t("export:newExport"),
-            href: _vm.getExportFormUrl({ exportId: "create" }),
-          },
-        ],
-      },
-    },
-    [
-      _c("data-table", {
-        attrs: {
-          "column-defs": _vm.columnDefs,
-          "row-data": _vm.rowData,
-          loading: _vm.isRowDataLoading,
-          "error-message": _vm.errorMessage,
-          pagination: {
-            pageSize: _vm.pageSize,
-            pageCount: _vm.pageCount,
-            pageNumber: _vm.pageNumber,
-            disabled: _vm.isRowDataLoading,
-          },
-          "use-search": false,
-        },
-        on: { change: _vm.handleChange },
-        scopedSlots: _vm._u([
-          {
-            key: "cell(history)",
-            fn: function (ref) {
-              var row = ref.row;
-              return [_c("CellHistory", { attrs: { history: row.history } })]
-            },
-          },
-        ]),
-      }),
-    ],
-    1
-  )
-};
-var __vue_staticRenderFns__$1 = [];
-__vue_render__$1._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$1 = undefined;
-  /* scoped */
-  const __vue_scope_id__$1 = undefined;
-  /* module identifier */
-  const __vue_module_identifier__$1 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$1 = false;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$1 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$1, staticRenderFns: __vue_staticRenderFns__$1 },
-    __vue_inject_styles__$1,
-    __vue_script__$1,
-    __vue_scope_id__$1,
-    __vue_is_functional_template__$1,
-    __vue_module_identifier__$1,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) {
-  try {
-    var info = gen[key](arg);
-    var value = info.value;
-  } catch (error) {
-    reject(error);
-    return;
-  }
-
-  if (info.done) {
-    resolve(value);
-  } else {
-    Promise.resolve(value).then(_next, _throw);
-  }
-}
-
-function _asyncToGenerator(fn) {
-  return function () {
-    var self = this,
-        args = arguments;
-    return new Promise(function (resolve, reject) {
-      var gen = fn.apply(self, args);
-
-      function _next(value) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value);
-      }
-
-      function _throw(err) {
-        asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err);
-      }
-
-      _next(undefined);
-    });
-  };
-}
-
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-
-function createCommonjsModule(fn, basedir, module) {
-	return module = {
-	  path: basedir,
-	  exports: {},
-	  require: function (path, base) {
-      return commonjsRequire(path, (base === undefined || base === null) ? module.path : base);
-    }
-	}, fn(module, module.exports), module.exports;
-}
-
-function commonjsRequire () {
-	throw new Error('Dynamic requires are not currently supported by @rollup/plugin-commonjs');
-}
-
-var check = function (it) {
-  return it && it.Math == Math && it;
-}; // https://github.com/zloirock/core-js/issues/86#issuecomment-115759028
-
-
-var global_1 = // eslint-disable-next-line no-undef
-check(typeof globalThis == 'object' && globalThis) || check(typeof window == 'object' && window) || check(typeof self == 'object' && self) || check(typeof commonjsGlobal == 'object' && commonjsGlobal) || // eslint-disable-next-line no-new-func
-Function('return this')();
-
-// iterable DOM collections
-// flag - `iterable` interface - 'entries', 'keys', 'values', 'forEach' methods
-var domIterables = {
-  CSSRuleList: 0,
-  CSSStyleDeclaration: 0,
-  CSSValueList: 0,
-  ClientRectList: 0,
-  DOMRectList: 0,
-  DOMStringList: 0,
-  DOMTokenList: 1,
-  DataTransferItemList: 0,
-  FileList: 0,
-  HTMLAllCollection: 0,
-  HTMLCollection: 0,
-  HTMLFormElement: 0,
-  HTMLSelectElement: 0,
-  MediaList: 0,
-  MimeTypeArray: 0,
-  NamedNodeMap: 0,
-  NodeList: 1,
-  PaintRequestList: 0,
-  Plugin: 0,
-  PluginArray: 0,
-  SVGLengthList: 0,
-  SVGNumberList: 0,
-  SVGPathSegList: 0,
-  SVGPointList: 0,
-  SVGStringList: 0,
-  SVGTransformList: 0,
-  SourceBufferList: 0,
-  StyleSheetList: 0,
-  TextTrackCueList: 0,
-  TextTrackList: 0,
-  TouchList: 0
-};
-
-var fails = function (exec) {
-  try {
-    return !!exec();
-  } catch (error) {
-    return true;
-  }
-};
-
-var toString = {}.toString;
-
-var classofRaw = function (it) {
-  return toString.call(it).slice(8, -1);
-};
-
-var split = ''.split; // fallback for non-array-like ES3 and non-enumerable old V8 strings
-
-var indexedObject = fails(function () {
-  // throws an error in rhino, see https://github.com/mozilla/rhino/issues/346
-  // eslint-disable-next-line no-prototype-builtins
-  return !Object('z').propertyIsEnumerable(0);
-}) ? function (it) {
-  return classofRaw(it) == 'String' ? split.call(it, '') : Object(it);
-} : Object;
-
-// `RequireObjectCoercible` abstract operation
-// https://tc39.github.io/ecma262/#sec-requireobjectcoercible
-var requireObjectCoercible = function (it) {
-  if (it == undefined) throw TypeError("Can't call method on " + it);
-  return it;
-};
-
-var toIndexedObject = function (it) {
-  return indexedObject(requireObjectCoercible(it));
-};
-
-var descriptors = !fails(function () {
-  return Object.defineProperty({}, 1, {
-    get: function () {
-      return 7;
-    }
-  })[1] != 7;
-});
-
-var isObject = function (it) {
-  return typeof it === 'object' ? it !== null : typeof it === 'function';
-};
-
-var document$1 = global_1.document; // typeof document.createElement is 'object' in old IE
-
-var EXISTS = isObject(document$1) && isObject(document$1.createElement);
-
-var documentCreateElement = function (it) {
-  return EXISTS ? document$1.createElement(it) : {};
-};
-
-var ie8DomDefine = !descriptors && !fails(function () {
-  return Object.defineProperty(documentCreateElement('div'), 'a', {
-    get: function () {
-      return 7;
-    }
-  }).a != 7;
-});
-
-var anObject = function (it) {
-  if (!isObject(it)) {
-    throw TypeError(String(it) + ' is not an object');
-  }
-
-  return it;
-};
-
-// https://tc39.github.io/ecma262/#sec-toprimitive
-// instead of the ES6 spec version, we didn't implement @@toPrimitive case
-// and the second argument - flag - preferred type is a string
-
-var toPrimitive = function (input, PREFERRED_STRING) {
-  if (!isObject(input)) return input;
-  var fn, val;
-  if (PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
-  if (typeof (fn = input.valueOf) == 'function' && !isObject(val = fn.call(input))) return val;
-  if (!PREFERRED_STRING && typeof (fn = input.toString) == 'function' && !isObject(val = fn.call(input))) return val;
-  throw TypeError("Can't convert object to primitive value");
-};
-
-var nativeDefineProperty = Object.defineProperty; // `Object.defineProperty` method
-// https://tc39.github.io/ecma262/#sec-object.defineproperty
-
-var f = descriptors ? nativeDefineProperty : function defineProperty(O, P, Attributes) {
-  anObject(O);
-  P = toPrimitive(P, true);
-  anObject(Attributes);
-  if (ie8DomDefine) try {
-    return nativeDefineProperty(O, P, Attributes);
-  } catch (error) {
-    /* empty */
-  }
-  if ('get' in Attributes || 'set' in Attributes) throw TypeError('Accessors not supported');
-  if ('value' in Attributes) O[P] = Attributes.value;
-  return O;
-};
-var objectDefineProperty = {
-  f: f
-};
-
-var createPropertyDescriptor = function (bitmap, value) {
-  return {
-    enumerable: !(bitmap & 1),
-    configurable: !(bitmap & 2),
-    writable: !(bitmap & 4),
-    value: value
-  };
-};
-
-var createNonEnumerableProperty = descriptors ? function (object, key, value) {
-  return objectDefineProperty.f(object, key, createPropertyDescriptor(1, value));
-} : function (object, key, value) {
-  object[key] = value;
-  return object;
-};
-
-var setGlobal = function (key, value) {
-  try {
-    createNonEnumerableProperty(global_1, key, value);
-  } catch (error) {
-    global_1[key] = value;
-  }
-
-  return value;
-};
-
-var SHARED = '__core-js_shared__';
-var store = global_1[SHARED] || setGlobal(SHARED, {});
-var sharedStore = store;
-
-var shared = createCommonjsModule(function (module) {
-  (module.exports = function (key, value) {
-    return sharedStore[key] || (sharedStore[key] = value !== undefined ? value : {});
-  })('versions', []).push({
-    version: '3.6.5',
-    mode:  'global',
-    copyright: '© 2020 Denis Pushkarev (zloirock.ru)'
-  });
-});
-
-var hasOwnProperty = {}.hasOwnProperty;
-
-var has = function (it, key) {
-  return hasOwnProperty.call(it, key);
-};
-
-var id = 0;
-var postfix = Math.random();
-
-var uid = function (key) {
-  return 'Symbol(' + String(key === undefined ? '' : key) + ')_' + (++id + postfix).toString(36);
-};
-
-var nativeSymbol = !!Object.getOwnPropertySymbols && !fails(function () {
-  // Chrome 38 Symbol has incorrect toString conversion
-  // eslint-disable-next-line no-undef
-  return !String(Symbol());
-});
-
-var useSymbolAsUid = nativeSymbol // eslint-disable-next-line no-undef
-&& !Symbol.sham // eslint-disable-next-line no-undef
-&& typeof Symbol.iterator == 'symbol';
-
-var WellKnownSymbolsStore = shared('wks');
-var Symbol$1 = global_1.Symbol;
-var createWellKnownSymbol = useSymbolAsUid ? Symbol$1 : Symbol$1 && Symbol$1.withoutSetter || uid;
-
-var wellKnownSymbol = function (name) {
-  if (!has(WellKnownSymbolsStore, name)) {
-    if (nativeSymbol && has(Symbol$1, name)) WellKnownSymbolsStore[name] = Symbol$1[name];else WellKnownSymbolsStore[name] = createWellKnownSymbol('Symbol.' + name);
-  }
-
-  return WellKnownSymbolsStore[name];
-};
-
-var ceil = Math.ceil;
-var floor = Math.floor; // `ToInteger` abstract operation
-// https://tc39.github.io/ecma262/#sec-tointeger
-
-var toInteger = function (argument) {
-  return isNaN(argument = +argument) ? 0 : (argument > 0 ? floor : ceil)(argument);
-};
-
-var min = Math.min; // `ToLength` abstract operation
-// https://tc39.github.io/ecma262/#sec-tolength
-
-var toLength = function (argument) {
-  return argument > 0 ? min(toInteger(argument), 0x1FFFFFFFFFFFFF) : 0; // 2 ** 53 - 1 == 9007199254740991
-};
-
-var max = Math.max;
-var min$1 = Math.min; // Helper for a popular repeating case of the spec:
-// Let integer be ? ToInteger(index).
-// If integer < 0, let result be max((length + integer), 0); else let result be min(integer, length).
-
-var toAbsoluteIndex = function (index, length) {
-  var integer = toInteger(index);
-  return integer < 0 ? max(integer + length, 0) : min$1(integer, length);
-};
-
-var createMethod = function (IS_INCLUDES) {
-  return function ($this, el, fromIndex) {
-    var O = toIndexedObject($this);
-    var length = toLength(O.length);
-    var index = toAbsoluteIndex(fromIndex, length);
-    var value; // Array#includes uses SameValueZero equality algorithm
-    // eslint-disable-next-line no-self-compare
-
-    if (IS_INCLUDES && el != el) while (length > index) {
-      value = O[index++]; // eslint-disable-next-line no-self-compare
-
-      if (value != value) return true; // Array#indexOf ignores holes, Array#includes - not
-    } else for (; length > index; index++) {
-      if ((IS_INCLUDES || index in O) && O[index] === el) return IS_INCLUDES || index || 0;
-    }
-    return !IS_INCLUDES && -1;
-  };
-};
-
-var arrayIncludes = {
-  // `Array.prototype.includes` method
-  // https://tc39.github.io/ecma262/#sec-array.prototype.includes
-  includes: createMethod(true),
-  // `Array.prototype.indexOf` method
-  // https://tc39.github.io/ecma262/#sec-array.prototype.indexof
-  indexOf: createMethod(false)
-};
-
-var hiddenKeys = {};
-
-var indexOf = arrayIncludes.indexOf;
-
-var objectKeysInternal = function (object, names) {
-  var O = toIndexedObject(object);
-  var i = 0;
-  var result = [];
-  var key;
-
-  for (key in O) !has(hiddenKeys, key) && has(O, key) && result.push(key); // Don't enum bug & hidden keys
-
-
-  while (names.length > i) if (has(O, key = names[i++])) {
-    ~indexOf(result, key) || result.push(key);
-  }
-
-  return result;
-};
-
-// IE8- don't enum bug keys
-var enumBugKeys = ['constructor', 'hasOwnProperty', 'isPrototypeOf', 'propertyIsEnumerable', 'toLocaleString', 'toString', 'valueOf'];
-
-// https://tc39.github.io/ecma262/#sec-object.keys
-
-var objectKeys = Object.keys || function keys(O) {
-  return objectKeysInternal(O, enumBugKeys);
-};
-
-// https://tc39.github.io/ecma262/#sec-object.defineproperties
-
-var objectDefineProperties = descriptors ? Object.defineProperties : function defineProperties(O, Properties) {
-  anObject(O);
-  var keys = objectKeys(Properties);
-  var length = keys.length;
-  var index = 0;
-  var key;
-
-  while (length > index) objectDefineProperty.f(O, key = keys[index++], Properties[key]);
-
-  return O;
-};
-
-var path = global_1;
-
-var aFunction = function (variable) {
-  return typeof variable == 'function' ? variable : undefined;
-};
-
-var getBuiltIn = function (namespace, method) {
-  return arguments.length < 2 ? aFunction(path[namespace]) || aFunction(global_1[namespace]) : path[namespace] && path[namespace][method] || global_1[namespace] && global_1[namespace][method];
-};
-
-var html = getBuiltIn('document', 'documentElement');
-
-var keys = shared('keys');
-
-var sharedKey = function (key) {
-  return keys[key] || (keys[key] = uid(key));
-};
-
-var GT = '>';
-var LT = '<';
-var PROTOTYPE = 'prototype';
-var SCRIPT = 'script';
-var IE_PROTO = sharedKey('IE_PROTO');
-
-var EmptyConstructor = function () {
-  /* empty */
-};
-
-var scriptTag = function (content) {
-  return LT + SCRIPT + GT + content + LT + '/' + SCRIPT + GT;
-}; // Create object with fake `null` prototype: use ActiveX Object with cleared prototype
-
-
-var NullProtoObjectViaActiveX = function (activeXDocument) {
-  activeXDocument.write(scriptTag(''));
-  activeXDocument.close();
-  var temp = activeXDocument.parentWindow.Object;
-  activeXDocument = null; // avoid memory leak
-
-  return temp;
-}; // Create object with fake `null` prototype: use iframe Object with cleared prototype
-
-
-var NullProtoObjectViaIFrame = function () {
-  // Thrash, waste and sodomy: IE GC bug
-  var iframe = documentCreateElement('iframe');
-  var JS = 'java' + SCRIPT + ':';
-  var iframeDocument;
-  iframe.style.display = 'none';
-  html.appendChild(iframe); // https://github.com/zloirock/core-js/issues/475
-
-  iframe.src = String(JS);
-  iframeDocument = iframe.contentWindow.document;
-  iframeDocument.open();
-  iframeDocument.write(scriptTag('document.F=Object'));
-  iframeDocument.close();
-  return iframeDocument.F;
-}; // Check for document.domain and active x support
-// No need to use active x approach when document.domain is not set
-// see https://github.com/es-shims/es5-shim/issues/150
-// variation of https://github.com/kitcambridge/es5-shim/commit/4f738ac066346
-// avoid IE GC bug
-
-
-var activeXDocument;
-
-var NullProtoObject = function () {
-  try {
-    /* global ActiveXObject */
-    activeXDocument = document.domain && new ActiveXObject('htmlfile');
-  } catch (error) {
-    /* ignore */
-  }
-
-  NullProtoObject = activeXDocument ? NullProtoObjectViaActiveX(activeXDocument) : NullProtoObjectViaIFrame();
-  var length = enumBugKeys.length;
-
-  while (length--) delete NullProtoObject[PROTOTYPE][enumBugKeys[length]];
-
-  return NullProtoObject();
-};
-
-hiddenKeys[IE_PROTO] = true; // `Object.create` method
-// https://tc39.github.io/ecma262/#sec-object.create
-
-var objectCreate = Object.create || function create(O, Properties) {
-  var result;
-
-  if (O !== null) {
-    EmptyConstructor[PROTOTYPE] = anObject(O);
-    result = new EmptyConstructor();
-    EmptyConstructor[PROTOTYPE] = null; // add "__proto__" for Object.getPrototypeOf polyfill
-
-    result[IE_PROTO] = O;
-  } else result = NullProtoObject();
-
-  return Properties === undefined ? result : objectDefineProperties(result, Properties);
-};
-
-var UNSCOPABLES = wellKnownSymbol('unscopables');
-var ArrayPrototype = Array.prototype; // Array.prototype[@@unscopables]
-// https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
-
-if (ArrayPrototype[UNSCOPABLES] == undefined) {
-  objectDefineProperty.f(ArrayPrototype, UNSCOPABLES, {
-    configurable: true,
-    value: objectCreate(null)
-  });
-} // add a key to Array.prototype[@@unscopables]
-
-
-var addToUnscopables = function (key) {
-  ArrayPrototype[UNSCOPABLES][key] = true;
-};
-
-var functionToString = Function.toString; // this helper broken in `3.4.1-3.4.4`, so we can't use `shared` helper
-
-if (typeof sharedStore.inspectSource != 'function') {
-  sharedStore.inspectSource = function (it) {
-    return functionToString.call(it);
-  };
-}
-
-var inspectSource = sharedStore.inspectSource;
-
-var WeakMap = global_1.WeakMap;
-var nativeWeakMap = typeof WeakMap === 'function' && /native code/.test(inspectSource(WeakMap));
-
-var WeakMap$1 = global_1.WeakMap;
-var set, get, has$1;
-
-var enforce = function (it) {
-  return has$1(it) ? get(it) : set(it, {});
-};
-
-var getterFor = function (TYPE) {
-  return function (it) {
-    var state;
-
-    if (!isObject(it) || (state = get(it)).type !== TYPE) {
-      throw TypeError('Incompatible receiver, ' + TYPE + ' required');
-    }
-
-    return state;
-  };
-};
-
-if (nativeWeakMap) {
-  var store$1 = new WeakMap$1();
-  var wmget = store$1.get;
-  var wmhas = store$1.has;
-  var wmset = store$1.set;
-
-  set = function (it, metadata) {
-    wmset.call(store$1, it, metadata);
-    return metadata;
-  };
-
-  get = function (it) {
-    return wmget.call(store$1, it) || {};
-  };
-
-  has$1 = function (it) {
-    return wmhas.call(store$1, it);
-  };
-} else {
-  var STATE = sharedKey('state');
-  hiddenKeys[STATE] = true;
-
-  set = function (it, metadata) {
-    createNonEnumerableProperty(it, STATE, metadata);
-    return metadata;
-  };
-
-  get = function (it) {
-    return has(it, STATE) ? it[STATE] : {};
-  };
-
-  has$1 = function (it) {
-    return has(it, STATE);
-  };
-}
-
-var internalState = {
-  set: set,
-  get: get,
-  has: has$1,
-  enforce: enforce,
-  getterFor: getterFor
-};
-
-var nativePropertyIsEnumerable = {}.propertyIsEnumerable;
-var getOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; // Nashorn ~ JDK8 bug
-
-var NASHORN_BUG = getOwnPropertyDescriptor && !nativePropertyIsEnumerable.call({
-  1: 2
-}, 1); // `Object.prototype.propertyIsEnumerable` method implementation
-// https://tc39.github.io/ecma262/#sec-object.prototype.propertyisenumerable
-
-var f$1 = NASHORN_BUG ? function propertyIsEnumerable(V) {
-  var descriptor = getOwnPropertyDescriptor(this, V);
-  return !!descriptor && descriptor.enumerable;
-} : nativePropertyIsEnumerable;
-var objectPropertyIsEnumerable = {
-  f: f$1
-};
-
-var nativeGetOwnPropertyDescriptor = Object.getOwnPropertyDescriptor; // `Object.getOwnPropertyDescriptor` method
-// https://tc39.github.io/ecma262/#sec-object.getownpropertydescriptor
-
-var f$2 = descriptors ? nativeGetOwnPropertyDescriptor : function getOwnPropertyDescriptor(O, P) {
-  O = toIndexedObject(O);
-  P = toPrimitive(P, true);
-  if (ie8DomDefine) try {
-    return nativeGetOwnPropertyDescriptor(O, P);
-  } catch (error) {
-    /* empty */
-  }
-  if (has(O, P)) return createPropertyDescriptor(!objectPropertyIsEnumerable.f.call(O, P), O[P]);
-};
-var objectGetOwnPropertyDescriptor = {
-  f: f$2
-};
-
-var redefine = createCommonjsModule(function (module) {
-  var getInternalState = internalState.get;
-  var enforceInternalState = internalState.enforce;
-  var TEMPLATE = String(String).split('String');
-  (module.exports = function (O, key, value, options) {
-    var unsafe = options ? !!options.unsafe : false;
-    var simple = options ? !!options.enumerable : false;
-    var noTargetGet = options ? !!options.noTargetGet : false;
-
-    if (typeof value == 'function') {
-      if (typeof key == 'string' && !has(value, 'name')) createNonEnumerableProperty(value, 'name', key);
-      enforceInternalState(value).source = TEMPLATE.join(typeof key == 'string' ? key : '');
-    }
-
-    if (O === global_1) {
-      if (simple) O[key] = value;else setGlobal(key, value);
-      return;
-    } else if (!unsafe) {
-      delete O[key];
-    } else if (!noTargetGet && O[key]) {
-      simple = true;
-    }
-
-    if (simple) O[key] = value;else createNonEnumerableProperty(O, key, value); // add fake Function#toString for correct work wrapped methods / constructors with methods like LoDash isNative
-  })(Function.prototype, 'toString', function toString() {
-    return typeof this == 'function' && getInternalState(this).source || inspectSource(this);
-  });
-});
-
-var hiddenKeys$1 = enumBugKeys.concat('length', 'prototype'); // `Object.getOwnPropertyNames` method
-// https://tc39.github.io/ecma262/#sec-object.getownpropertynames
-
-var f$3 = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
-  return objectKeysInternal(O, hiddenKeys$1);
-};
-
-var objectGetOwnPropertyNames = {
-  f: f$3
-};
-
-var f$4 = Object.getOwnPropertySymbols;
-var objectGetOwnPropertySymbols = {
-  f: f$4
-};
-
-var ownKeys = getBuiltIn('Reflect', 'ownKeys') || function ownKeys(it) {
-  var keys = objectGetOwnPropertyNames.f(anObject(it));
-  var getOwnPropertySymbols = objectGetOwnPropertySymbols.f;
-  return getOwnPropertySymbols ? keys.concat(getOwnPropertySymbols(it)) : keys;
-};
-
-var copyConstructorProperties = function (target, source) {
-  var keys = ownKeys(source);
-  var defineProperty = objectDefineProperty.f;
-  var getOwnPropertyDescriptor = objectGetOwnPropertyDescriptor.f;
-
-  for (var i = 0; i < keys.length; i++) {
-    var key = keys[i];
-    if (!has(target, key)) defineProperty(target, key, getOwnPropertyDescriptor(source, key));
-  }
-};
-
-var replacement = /#|\.prototype\./;
-
-var isForced = function (feature, detection) {
-  var value = data[normalize(feature)];
-  return value == POLYFILL ? true : value == NATIVE ? false : typeof detection == 'function' ? fails(detection) : !!detection;
-};
-
-var normalize = isForced.normalize = function (string) {
-  return String(string).replace(replacement, '.').toLowerCase();
-};
-
-var data = isForced.data = {};
-var NATIVE = isForced.NATIVE = 'N';
-var POLYFILL = isForced.POLYFILL = 'P';
-var isForced_1 = isForced;
-
-var getOwnPropertyDescriptor$1 = objectGetOwnPropertyDescriptor.f;
-/*
-  options.target      - name of the target object
-  options.global      - target is the global object
-  options.stat        - export as static methods of target
-  options.proto       - export as prototype methods of target
-  options.real        - real prototype method for the `pure` version
-  options.forced      - export even if the native feature is available
-  options.bind        - bind methods to the target, required for the `pure` version
-  options.wrap        - wrap constructors to preventing global pollution, required for the `pure` version
-  options.unsafe      - use the simple assignment of property instead of delete + defineProperty
-  options.sham        - add a flag to not completely full polyfills
-  options.enumerable  - export as enumerable property
-  options.noTargetGet - prevent calling a getter on target
-*/
-
-var _export = function (options, source) {
-  var TARGET = options.target;
-  var GLOBAL = options.global;
-  var STATIC = options.stat;
-  var FORCED, target, key, targetProperty, sourceProperty, descriptor;
-
-  if (GLOBAL) {
-    target = global_1;
-  } else if (STATIC) {
-    target = global_1[TARGET] || setGlobal(TARGET, {});
-  } else {
-    target = (global_1[TARGET] || {}).prototype;
-  }
-
-  if (target) for (key in source) {
-    sourceProperty = source[key];
-
-    if (options.noTargetGet) {
-      descriptor = getOwnPropertyDescriptor$1(target, key);
-      targetProperty = descriptor && descriptor.value;
-    } else targetProperty = target[key];
-
-    FORCED = isForced_1(GLOBAL ? key : TARGET + (STATIC ? '.' : '#') + key, options.forced); // contained in target
-
-    if (!FORCED && targetProperty !== undefined) {
-      if (typeof sourceProperty === typeof targetProperty) continue;
-      copyConstructorProperties(sourceProperty, targetProperty);
-    } // add a flag to not completely full polyfills
-
-
-    if (options.sham || targetProperty && targetProperty.sham) {
-      createNonEnumerableProperty(sourceProperty, 'sham', true);
-    } // extend global
-
-
-    redefine(target, key, sourceProperty, options);
-  }
-};
-
-// https://tc39.github.io/ecma262/#sec-toobject
-
-var toObject = function (argument) {
-  return Object(requireObjectCoercible(argument));
-};
-
-var correctPrototypeGetter = !fails(function () {
-  function F() {
-    /* empty */
-  }
-
-  F.prototype.constructor = null;
-  return Object.getPrototypeOf(new F()) !== F.prototype;
-});
-
-var IE_PROTO$1 = sharedKey('IE_PROTO');
-var ObjectPrototype = Object.prototype; // `Object.getPrototypeOf` method
-// https://tc39.github.io/ecma262/#sec-object.getprototypeof
-
-var objectGetPrototypeOf = correctPrototypeGetter ? Object.getPrototypeOf : function (O) {
-  O = toObject(O);
-  if (has(O, IE_PROTO$1)) return O[IE_PROTO$1];
-
-  if (typeof O.constructor == 'function' && O instanceof O.constructor) {
-    return O.constructor.prototype;
-  }
-
-  return O instanceof Object ? ObjectPrototype : null;
-};
-
-var ITERATOR = wellKnownSymbol('iterator');
-var BUGGY_SAFARI_ITERATORS = false;
-
-var returnThis = function () {
-  return this;
-}; // `%IteratorPrototype%` object
-// https://tc39.github.io/ecma262/#sec-%iteratorprototype%-object
-
-
-var IteratorPrototype, PrototypeOfArrayIteratorPrototype, arrayIterator;
-
-if ([].keys) {
-  arrayIterator = [].keys(); // Safari 8 has buggy iterators w/o `next`
-
-  if (!('next' in arrayIterator)) BUGGY_SAFARI_ITERATORS = true;else {
-    PrototypeOfArrayIteratorPrototype = objectGetPrototypeOf(objectGetPrototypeOf(arrayIterator));
-    if (PrototypeOfArrayIteratorPrototype !== Object.prototype) IteratorPrototype = PrototypeOfArrayIteratorPrototype;
-  }
-}
-
-if (IteratorPrototype == undefined) IteratorPrototype = {}; // 25.1.2.1.1 %IteratorPrototype%[@@iterator]()
-
-if ( !has(IteratorPrototype, ITERATOR)) {
-  createNonEnumerableProperty(IteratorPrototype, ITERATOR, returnThis);
-}
-
-var iteratorsCore = {
-  IteratorPrototype: IteratorPrototype,
-  BUGGY_SAFARI_ITERATORS: BUGGY_SAFARI_ITERATORS
-};
-
-var defineProperty = objectDefineProperty.f;
-var TO_STRING_TAG = wellKnownSymbol('toStringTag');
-
-var setToStringTag = function (it, TAG, STATIC) {
-  if (it && !has(it = STATIC ? it : it.prototype, TO_STRING_TAG)) {
-    defineProperty(it, TO_STRING_TAG, {
-      configurable: true,
-      value: TAG
-    });
-  }
-};
-
-var IteratorPrototype$1 = iteratorsCore.IteratorPrototype;
-
-var createIteratorConstructor = function (IteratorConstructor, NAME, next) {
-  var TO_STRING_TAG = NAME + ' Iterator';
-  IteratorConstructor.prototype = objectCreate(IteratorPrototype$1, {
-    next: createPropertyDescriptor(1, next)
-  });
-  setToStringTag(IteratorConstructor, TO_STRING_TAG, false);
-  return IteratorConstructor;
-};
-
-var aPossiblePrototype = function (it) {
-  if (!isObject(it) && it !== null) {
-    throw TypeError("Can't set " + String(it) + ' as a prototype');
-  }
-
-  return it;
-};
-
-// https://tc39.github.io/ecma262/#sec-object.setprototypeof
-// Works with __proto__ only. Old v8 can't work with null proto objects.
-
-/* eslint-disable no-proto */
-
-var objectSetPrototypeOf = Object.setPrototypeOf || ('__proto__' in {} ? function () {
-  var CORRECT_SETTER = false;
-  var test = {};
-  var setter;
-
-  try {
-    setter = Object.getOwnPropertyDescriptor(Object.prototype, '__proto__').set;
-    setter.call(test, []);
-    CORRECT_SETTER = test instanceof Array;
-  } catch (error) {
-    /* empty */
-  }
-
-  return function setPrototypeOf(O, proto) {
-    anObject(O);
-    aPossiblePrototype(proto);
-    if (CORRECT_SETTER) setter.call(O, proto);else O.__proto__ = proto;
-    return O;
-  };
-}() : undefined);
-
-var IteratorPrototype$2 = iteratorsCore.IteratorPrototype;
-var BUGGY_SAFARI_ITERATORS$1 = iteratorsCore.BUGGY_SAFARI_ITERATORS;
-var ITERATOR$1 = wellKnownSymbol('iterator');
-var KEYS = 'keys';
-var VALUES = 'values';
-var ENTRIES = 'entries';
-
-var returnThis$1 = function () {
-  return this;
-};
-
-var defineIterator = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, IS_SET, FORCED) {
-  createIteratorConstructor(IteratorConstructor, NAME, next);
-
-  var getIterationMethod = function (KIND) {
-    if (KIND === DEFAULT && defaultIterator) return defaultIterator;
-    if (!BUGGY_SAFARI_ITERATORS$1 && KIND in IterablePrototype) return IterablePrototype[KIND];
-
-    switch (KIND) {
-      case KEYS:
-        return function keys() {
-          return new IteratorConstructor(this, KIND);
-        };
-
-      case VALUES:
-        return function values() {
-          return new IteratorConstructor(this, KIND);
-        };
-
-      case ENTRIES:
-        return function entries() {
-          return new IteratorConstructor(this, KIND);
-        };
-    }
-
-    return function () {
-      return new IteratorConstructor(this);
-    };
-  };
-
-  var TO_STRING_TAG = NAME + ' Iterator';
-  var INCORRECT_VALUES_NAME = false;
-  var IterablePrototype = Iterable.prototype;
-  var nativeIterator = IterablePrototype[ITERATOR$1] || IterablePrototype['@@iterator'] || DEFAULT && IterablePrototype[DEFAULT];
-  var defaultIterator = !BUGGY_SAFARI_ITERATORS$1 && nativeIterator || getIterationMethod(DEFAULT);
-  var anyNativeIterator = NAME == 'Array' ? IterablePrototype.entries || nativeIterator : nativeIterator;
-  var CurrentIteratorPrototype, methods, KEY; // fix native
-
-  if (anyNativeIterator) {
-    CurrentIteratorPrototype = objectGetPrototypeOf(anyNativeIterator.call(new Iterable()));
-
-    if (IteratorPrototype$2 !== Object.prototype && CurrentIteratorPrototype.next) {
-      if ( objectGetPrototypeOf(CurrentIteratorPrototype) !== IteratorPrototype$2) {
-        if (objectSetPrototypeOf) {
-          objectSetPrototypeOf(CurrentIteratorPrototype, IteratorPrototype$2);
-        } else if (typeof CurrentIteratorPrototype[ITERATOR$1] != 'function') {
-          createNonEnumerableProperty(CurrentIteratorPrototype, ITERATOR$1, returnThis$1);
-        }
-      } // Set @@toStringTag to native iterators
-
-
-      setToStringTag(CurrentIteratorPrototype, TO_STRING_TAG, true);
-    }
-  } // fix Array#{values, @@iterator}.name in V8 / FF
-
-
-  if (DEFAULT == VALUES && nativeIterator && nativeIterator.name !== VALUES) {
-    INCORRECT_VALUES_NAME = true;
-
-    defaultIterator = function values() {
-      return nativeIterator.call(this);
-    };
-  } // define iterator
-
-
-  if ( IterablePrototype[ITERATOR$1] !== defaultIterator) {
-    createNonEnumerableProperty(IterablePrototype, ITERATOR$1, defaultIterator);
-  }
-
-  if (DEFAULT) {
-    methods = {
-      values: getIterationMethod(VALUES),
-      keys: IS_SET ? defaultIterator : getIterationMethod(KEYS),
-      entries: getIterationMethod(ENTRIES)
-    };
-    if (FORCED) for (KEY in methods) {
-      if (BUGGY_SAFARI_ITERATORS$1 || INCORRECT_VALUES_NAME || !(KEY in IterablePrototype)) {
-        redefine(IterablePrototype, KEY, methods[KEY]);
-      }
-    } else _export({
-      target: NAME,
-      proto: true,
-      forced: BUGGY_SAFARI_ITERATORS$1 || INCORRECT_VALUES_NAME
-    }, methods);
-  }
-
-  return methods;
-};
-
-var ARRAY_ITERATOR = 'Array Iterator';
-var setInternalState = internalState.set;
-var getInternalState = internalState.getterFor(ARRAY_ITERATOR); // `Array.prototype.entries` method
-// https://tc39.github.io/ecma262/#sec-array.prototype.entries
-// `Array.prototype.keys` method
-// https://tc39.github.io/ecma262/#sec-array.prototype.keys
-// `Array.prototype.values` method
-// https://tc39.github.io/ecma262/#sec-array.prototype.values
-// `Array.prototype[@@iterator]` method
-// https://tc39.github.io/ecma262/#sec-array.prototype-@@iterator
-// `CreateArrayIterator` internal method
-// https://tc39.github.io/ecma262/#sec-createarrayiterator
-
-var es_array_iterator = defineIterator(Array, 'Array', function (iterated, kind) {
-  setInternalState(this, {
-    type: ARRAY_ITERATOR,
-    target: toIndexedObject(iterated),
-    // target
-    index: 0,
-    // next index
-    kind: kind // kind
-
-  }); // `%ArrayIteratorPrototype%.next` method
-  // https://tc39.github.io/ecma262/#sec-%arrayiteratorprototype%.next
-}, function () {
-  var state = getInternalState(this);
-  var target = state.target;
-  var kind = state.kind;
-  var index = state.index++;
-
-  if (!target || index >= target.length) {
-    state.target = undefined;
-    return {
-      value: undefined,
-      done: true
-    };
-  }
-
-  if (kind == 'keys') return {
-    value: index,
-    done: false
-  };
-  if (kind == 'values') return {
-    value: target[index],
-    done: false
-  };
-  return {
-    value: [index, target[index]],
-    done: false
-  };
-}, 'values'); // argumentsList[@@iterator] is %ArrayProto_values%
-
-addToUnscopables('keys');
-addToUnscopables('values');
-addToUnscopables('entries');
-
-var ITERATOR$2 = wellKnownSymbol('iterator');
-var TO_STRING_TAG$1 = wellKnownSymbol('toStringTag');
-var ArrayValues = es_array_iterator.values;
-
-for (var COLLECTION_NAME in domIterables) {
-  var Collection = global_1[COLLECTION_NAME];
-  var CollectionPrototype = Collection && Collection.prototype;
-
-  if (CollectionPrototype) {
-    // some Chrome versions have non-configurable methods on DOMTokenList
-    if (CollectionPrototype[ITERATOR$2] !== ArrayValues) try {
-      createNonEnumerableProperty(CollectionPrototype, ITERATOR$2, ArrayValues);
-    } catch (error) {
-      CollectionPrototype[ITERATOR$2] = ArrayValues;
-    }
-
-    if (!CollectionPrototype[TO_STRING_TAG$1]) {
-      createNonEnumerableProperty(CollectionPrototype, TO_STRING_TAG$1, COLLECTION_NAME);
-    }
-
-    if (domIterables[COLLECTION_NAME]) for (var METHOD_NAME in es_array_iterator) {
-      // some Chrome versions have non-configurable methods on DOMTokenList
-      if (CollectionPrototype[METHOD_NAME] !== es_array_iterator[METHOD_NAME]) try {
-        createNonEnumerableProperty(CollectionPrototype, METHOD_NAME, es_array_iterator[METHOD_NAME]);
-      } catch (error) {
-        CollectionPrototype[METHOD_NAME] = es_array_iterator[METHOD_NAME];
-      }
-    }
-  }
-}
-
-var defineProperty$1 = Object.defineProperty;
-var cache = {};
-
-var thrower = function (it) {
-  throw it;
-};
-
-var arrayMethodUsesToLength = function (METHOD_NAME, options) {
-  if (has(cache, METHOD_NAME)) return cache[METHOD_NAME];
-  if (!options) options = {};
-  var method = [][METHOD_NAME];
-  var ACCESSORS = has(options, 'ACCESSORS') ? options.ACCESSORS : false;
-  var argument0 = has(options, 0) ? options[0] : thrower;
-  var argument1 = has(options, 1) ? options[1] : undefined;
-  return cache[METHOD_NAME] = !!method && !fails(function () {
-    if (ACCESSORS && !descriptors) return true;
-    var O = {
-      length: -1
-    };
-    if (ACCESSORS) defineProperty$1(O, 1, {
-      enumerable: true,
-      get: thrower
-    });else O[1] = 1;
-    method.call(O, argument0, argument1);
-  });
-};
-
-var $includes = arrayIncludes.includes;
-var USES_TO_LENGTH = arrayMethodUsesToLength('indexOf', {
-  ACCESSORS: true,
-  1: 0
-}); // `Array.prototype.includes` method
-// https://tc39.github.io/ecma262/#sec-array.prototype.includes
-
-_export({
-  target: 'Array',
-  proto: true,
-  forced: !USES_TO_LENGTH
-}, {
-  includes: function includes(el
-  /* , fromIndex = 0 */
-  ) {
-    return $includes(this, el, arguments.length > 1 ? arguments[1] : undefined);
-  }
-}); // https://tc39.github.io/ecma262/#sec-array.prototype-@@unscopables
-
-addToUnscopables('includes');
-
-var MATCH = wellKnownSymbol('match'); // `IsRegExp` abstract operation
-// https://tc39.github.io/ecma262/#sec-isregexp
-
-var isRegexp = function (it) {
-  var isRegExp;
-  return isObject(it) && ((isRegExp = it[MATCH]) !== undefined ? !!isRegExp : classofRaw(it) == 'RegExp');
-};
-
-var notARegexp = function (it) {
-  if (isRegexp(it)) {
-    throw TypeError("The method doesn't accept regular expressions");
-  }
-
-  return it;
-};
-
-var MATCH$1 = wellKnownSymbol('match');
-
-var correctIsRegexpLogic = function (METHOD_NAME) {
-  var regexp = /./;
-
-  try {
-    '/./'[METHOD_NAME](regexp);
-  } catch (e) {
-    try {
-      regexp[MATCH$1] = false;
-      return '/./'[METHOD_NAME](regexp);
-    } catch (f) {
-      /* empty */
-    }
-  }
-
-  return false;
-};
-
-// https://tc39.github.io/ecma262/#sec-string.prototype.includes
-
-
-_export({
-  target: 'String',
-  proto: true,
-  forced: !correctIsRegexpLogic('includes')
-}, {
-  includes: function includes(searchString
-  /* , position = 0 */
-  ) {
-    return !!~String(requireObjectCoercible(this)).indexOf(notARegexp(searchString), arguments.length > 1 ? arguments[1] : undefined);
-  }
-});
-
-const stringFieldUtils = {
-  type: 'STRING',
-
-  getDefaultFormFieldValue() {
-    return '';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const urlFieldUtils = {
-  type: 'URL',
-
-  getDefaultFormFieldValue() {
-    return '';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const dateFieldUtils = {
-  type: 'DATE',
-
-  getDefaultFormFieldValue() {
-    return '';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const dateTimeFieldUtils = {
-  type: 'DATETIME',
-
-  getDefaultFormFieldValue() {
-    return '';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const textFieldUtils = {
-  type: 'TEXT',
-
-  getDefaultFormFieldValue() {
-    return '';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const numberFieldUtils = {
-  type: 'NUMBER',
-
-  getDefaultFormFieldValue() {
-    return '';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: isNotNullish(incomingValue) ? String(incomingValue) : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const booleanFieldUtils = {
-  type: 'TRUE_FALSE',
-
-  getDefaultFormFieldValue(config) {
-    var _a;
-
-    return (_a = config === null || config === void 0 ? void 0 : config.meta.defaultValue) !== null && _a !== void 0 ? _a : false;
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue(fieldConfig)
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-/** SELECT **/
-
-const selectFieldUtils = {
-  type: 'SELECT',
-
-  getDefaultFormFieldValue() {
-    return null;
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    var _a;
-
-    const options = (_a = fieldConfig.meta.options) !== null && _a !== void 0 ? _a : [];
-    const selectedOption = options.find(option => option.value === incomingValue);
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: selectedOption !== null && selectedOption !== void 0 ? selectedOption : null
-    };
-  },
-
-  getOutgoingValue(field) {
-    var _a, _b;
-
-    return (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null;
-  }
-
-};
-const ajaxSelectFieldUtils = {
-  type: 'AJAX_SELECT',
-
-  getDefaultFormFieldValue() {
-    return null;
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue
-    };
-  },
-
-  getOutgoingValue(field) {
-    var _a, _b;
-
-    return (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : null;
-  }
-
-};
-const multiSelectFieldUtils = {
-  type: 'MULTI_SELECT',
-
-  getDefaultFormFieldValue() {
-    return [];
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    var _a;
-
-    const options = (_a = fieldConfig.meta.options) !== null && _a !== void 0 ? _a : [];
-    const selectedValues = incomingValue !== null && incomingValue !== void 0 ? incomingValue : [];
-    const selectedOptions = options.filter(option => selectedValues.includes(option.value));
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: selectedOptions
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value.map(option => option.value);
-  }
-
-};
-const colorFieldUtils = {
-  type: 'COLOR',
-
-  getDefaultFormFieldValue() {
-    return '#000000';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const buttonFieldUtils = {
-  type: 'BUTTON',
-
-  getDefaultFormFieldValue() {
-    return null;
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const mapFieldUtils = {
-  type: 'MAP',
-
-  getDefaultFormFieldValue() {
-    return null;
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const htmlFieldUtils = {
-  type: 'HTML',
-
-  getDefaultFormFieldValue() {
-    return '';
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue !== null && incomingValue !== void 0 ? incomingValue : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value;
-  }
-
-};
-const imageFieldUtils = {
-  type: 'IMAGE',
-
-  getDefaultFormFieldValue() {
-    return null;
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue ? {
-        id: createId(),
-        file: incomingValue,
-        caption: null
-      } : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value ? field.value.file.id : null;
-  }
-
-};
-const fileFieldUtils = {
-  type: 'FILE',
-
-  getDefaultFormFieldValue() {
-    return null;
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue ? {
-        id: createId(),
-        file: incomingValue,
-        caption: null
-      } : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value ? field.value.file.id : null;
-  }
-
-};
-const galleryFieldUtils = {
-  type: 'GALLERY',
-
-  getDefaultFormFieldValue() {
-    return [];
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue ? incomingValue.map(({
-        file,
-        caption
-      }) => ({
-        id: createId(),
-        file,
-        caption
-      })) : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value.map(imageEntry => {
-      var _a;
-
-      return {
-        id: imageEntry.file.id,
-        caption: (_a = imageEntry.caption) !== null && _a !== void 0 ? _a : null
-      };
-    });
-  }
-
-};
-const repeaterFieldUtils = {
-  type: 'REPEATER',
-
-  getDefaultFormFieldValue() {
-    return [];
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    function createNestedFieldArray(fieldConfigList, incomingFieldList) {
-      const nestedFieldList = [];
-
-      for (let i = 0; i < incomingFieldList.length; i++) {
-        const nestedIncomingFieldList = incomingFieldList[i];
-        const nestedField = {
-          id: createId(),
-          value: []
-        };
-
-        for (let j = 0; j < fieldConfigList.length; j++) {
-          const nestedFieldConfig = fieldConfigList[j];
-          const foundNestedIncomingField = nestedIncomingFieldList.find(field => field.name === nestedFieldConfig.name); // eslint-disable-next-line @typescript-eslint/no-use-before-define
-
-          const field = universalFieldUtils.createFormField(nestedFieldConfig, foundNestedIncomingField === null || foundNestedIncomingField === void 0 ? void 0 : foundNestedIncomingField.value);
-          nestedField.value.push(field);
-        }
-
-        nestedFieldList.push(nestedField);
-      }
-
-      return nestedFieldList;
-    }
-
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue ? createNestedFieldArray(fieldConfig.fields, incomingValue) : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value.map(entity => entity.value.map(entityField => {
-      return {
-        name: entityField.config.name,
-        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        value: universalFieldUtils.getOutgoingValue(entityField)
-      };
-    }));
-  },
-
-  getOutgoingValueAsSingleArray(field) {
-    return field.value.map(entity => entity.value[0].value);
-  }
-
-};
-const groupFieldUtils = {
-  type: 'GROUP',
-
-  getDefaultFormFieldValue() {
-    return [];
-  },
-
-  createFormField(fieldConfig, incomingValue) {
-    function createNestedFieldArray(fieldConfigList, incomingFieldList) {
-      const nestedFieldList = [];
-
-      for (let j = 0; j < fieldConfigList.length; j++) {
-        const nestedFieldConfig = fieldConfigList[j];
-        const foundNestedIncomingField = incomingFieldList.find(field => field.name === nestedFieldConfig.name);
-        const field = universalFieldUtils.createFormField(nestedFieldConfig, foundNestedIncomingField === null || foundNestedIncomingField === void 0 ? void 0 : foundNestedIncomingField.value);
-        nestedFieldList.push(field);
-      }
-
-      return nestedFieldList;
-    }
-
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: incomingValue ? createNestedFieldArray(fieldConfig.fields, incomingValue) : this.getDefaultFormFieldValue()
-    };
-  },
-
-  getOutgoingValue(field) {
-    return field.value.map(entityField => {
-      return {
-        name: entityField.config.name,
-        value: universalFieldUtils.getOutgoingValue(entityField)
-      };
-    });
-  }
-
-};
-const unknownFieldUtils = {
-  type: 'UNKNOWN',
-
-  getDefaultFormFieldValue() {
-    return null;
-  },
-
-  createFormField(fieldConfig) {
-    return {
-      id: createId(),
-      config: fieldConfig,
-      value: null
-    };
-  },
-
-  getOutgoingValue() {
-    return null;
-  }
-
-};
-const FIELD_UTILS_LIST = [stringFieldUtils, urlFieldUtils, textFieldUtils, numberFieldUtils, htmlFieldUtils, imageFieldUtils, fileFieldUtils, galleryFieldUtils, dateFieldUtils, dateTimeFieldUtils, booleanFieldUtils, selectFieldUtils, ajaxSelectFieldUtils, multiSelectFieldUtils, colorFieldUtils, buttonFieldUtils, mapFieldUtils, repeaterFieldUtils, groupFieldUtils, unknownFieldUtils];
-
-function getFieldUtilsByType(type) {
-  const foundUtils = FIELD_UTILS_LIST.find(utils => utils.type === type);
-
-  if (!foundUtils) {
-    console.warn('Cannot find utils for type: ', type);
-  }
-
-  return foundUtils !== null && foundUtils !== void 0 ? foundUtils : unknownFieldUtils;
-}
-
-const universalFieldUtils = {
-  createFormField(fieldConfig, incomingValue) {
-    const foundFieldUtils = getFieldUtilsByType(fieldConfig.type);
-    return foundFieldUtils.createFormField(fieldConfig, incomingValue);
-  },
-
-  getOutgoingValue(field) {
-    const foundFieldUtils = getFieldUtilsByType(field.config.type);
-    return foundFieldUtils.getOutgoingValue(field);
-  },
-
-  getOutgoingRepeaterValueAsSingleArray(field) {
-    return repeaterFieldUtils.getOutgoingValueAsSingleArray(field);
-  }
-
-};
-
-// https://tc39.github.io/ecma262/#sec-isarray
-
-var isArray = Array.isArray || function isArray(arg) {
-  return classofRaw(arg) == 'Array';
-};
-
-var SPECIES = wellKnownSymbol('species'); // `ArraySpeciesCreate` abstract operation
-// https://tc39.github.io/ecma262/#sec-arrayspeciescreate
-
-var arraySpeciesCreate = function (originalArray, length) {
-  var C;
-
-  if (isArray(originalArray)) {
-    C = originalArray.constructor; // cross-realm fallback
-
-    if (typeof C == 'function' && (C === Array || isArray(C.prototype))) C = undefined;else if (isObject(C)) {
-      C = C[SPECIES];
-      if (C === null) C = undefined;
-    }
-  }
-
-  return new (C === undefined ? Array : C)(length === 0 ? 0 : length);
-};
-
-var createProperty = function (object, key, value) {
-  var propertyKey = toPrimitive(key);
-  if (propertyKey in object) objectDefineProperty.f(object, propertyKey, createPropertyDescriptor(0, value));else object[propertyKey] = value;
-};
-
-var engineUserAgent = getBuiltIn('navigator', 'userAgent') || '';
-
-var process = global_1.process;
-var versions = process && process.versions;
-var v8 = versions && versions.v8;
-var match, version;
-
-if (v8) {
-  match = v8.split('.');
-  version = match[0] + match[1];
-} else if (engineUserAgent) {
-  match = engineUserAgent.match(/Edge\/(\d+)/);
-
-  if (!match || match[1] >= 74) {
-    match = engineUserAgent.match(/Chrome\/(\d+)/);
-    if (match) version = match[1];
-  }
-}
-
-var engineV8Version = version && +version;
-
-var SPECIES$1 = wellKnownSymbol('species');
-
-var arrayMethodHasSpeciesSupport = function (METHOD_NAME) {
-  // We can't use this feature detection in V8 since it causes
-  // deoptimization and serious performance degradation
-  // https://github.com/zloirock/core-js/issues/677
-  return engineV8Version >= 51 || !fails(function () {
-    var array = [];
-    var constructor = array.constructor = {};
-
-    constructor[SPECIES$1] = function () {
-      return {
-        foo: 1
-      };
-    };
-
-    return array[METHOD_NAME](Boolean).foo !== 1;
-  });
-};
-
-var HAS_SPECIES_SUPPORT = arrayMethodHasSpeciesSupport('splice');
-var USES_TO_LENGTH$1 = arrayMethodUsesToLength('splice', {
-  ACCESSORS: true,
-  0: 0,
-  1: 2
-});
-var max$1 = Math.max;
-var min$2 = Math.min;
-var MAX_SAFE_INTEGER = 0x1FFFFFFFFFFFFF;
-var MAXIMUM_ALLOWED_LENGTH_EXCEEDED = 'Maximum allowed length exceeded'; // `Array.prototype.splice` method
-// https://tc39.github.io/ecma262/#sec-array.prototype.splice
-// with adding support of @@species
-
-_export({
-  target: 'Array',
-  proto: true,
-  forced: !HAS_SPECIES_SUPPORT || !USES_TO_LENGTH$1
-}, {
-  splice: function splice(start, deleteCount
-  /* , ...items */
-  ) {
-    var O = toObject(this);
-    var len = toLength(O.length);
-    var actualStart = toAbsoluteIndex(start, len);
-    var argumentsLength = arguments.length;
-    var insertCount, actualDeleteCount, A, k, from, to;
-
-    if (argumentsLength === 0) {
-      insertCount = actualDeleteCount = 0;
-    } else if (argumentsLength === 1) {
-      insertCount = 0;
-      actualDeleteCount = len - actualStart;
-    } else {
-      insertCount = argumentsLength - 2;
-      actualDeleteCount = min$2(max$1(toInteger(deleteCount), 0), len - actualStart);
-    }
-
-    if (len + insertCount - actualDeleteCount > MAX_SAFE_INTEGER) {
-      throw TypeError(MAXIMUM_ALLOWED_LENGTH_EXCEEDED);
-    }
-
-    A = arraySpeciesCreate(O, actualDeleteCount);
-
-    for (k = 0; k < actualDeleteCount; k++) {
-      from = actualStart + k;
-      if (from in O) createProperty(A, k, O[from]);
-    }
-
-    A.length = actualDeleteCount;
-
-    if (insertCount < actualDeleteCount) {
-      for (k = actualStart; k < len - actualDeleteCount; k++) {
-        from = k + actualDeleteCount;
-        to = k + insertCount;
-        if (from in O) O[to] = O[from];else delete O[to];
-      }
-
-      for (k = len; k > len - actualDeleteCount + insertCount; k--) delete O[k - 1];
-    } else if (insertCount > actualDeleteCount) {
-      for (k = len - actualDeleteCount; k > actualStart; k--) {
-        from = k + actualDeleteCount - 1;
-        to = k + insertCount - 1;
-        if (from in O) O[to] = O[from];else delete O[to];
-      }
-    }
-
-    for (k = 0; k < insertCount; k++) {
-      O[k + actualStart] = arguments[k + 2];
-    }
-
-    O.length = len - actualDeleteCount + insertCount;
-    return A;
-  }
-});
-
-function removeItem(parentField, itemIndex) {
-  parentField.value.splice(itemIndex, 1);
-}
-function moveItem(parentField, itemIndex, direction) {
-  const itemList = parentField.value;
-
-  if (direction === 'up' && itemIndex === 0 || direction === 'down' && itemIndex === itemList.length - 1) {
-    return;
-  }
-
-  const item = itemList[itemIndex];
-  itemList.splice(itemIndex, 1);
-  itemList.splice(direction === 'up' ? itemIndex - 1 : itemIndex + 1, 0, item);
-}
-
-var script$2 = defineComponent({
-  name: 'RepeatedItem',
-  props: {
-    /**
-     * Here we use hack: (https://github.com/vuejs/vue/issues/7492#issuecomment-369507267)
-     * because vue don't understand functional component in "components" option
-     */
-    components: {
-      type: Object,
-
-      default() {
-        return {
-          DynamicField: __vue_component__$4
-        };
-      }
-
-    },
-    item: {
-      type: Object,
-      required: true
-    },
-    parentField: {
-      type: Object,
-      required: true
-    },
-    index: {
-      type: Number,
-      required: true
-    }
-  },
-
-  setup(props) {
-    const isOpen = ref(false);
-
-    function toggleItem() {
-      isOpen.value = !isOpen.value;
-    }
-
-    function handleItemRemove() {
-      removeItem(props.parentField, props.index);
-    }
-
-    function handleItemMove(direction) {
-      moveItem(props.parentField, props.index, direction);
-    }
-
-    return {
-      handleItemRemove,
-      handleItemMove,
-      isOpen,
-      toggleItem
-    };
-  }
-
-});
-
-function normalizeComponent$1(template, style, script, scopeId, isFunctionalTemplate, moduleIdentifier
-/* server only */
-, shadowMode, createInjector, createInjectorSSR, createInjectorShadow) {
-  if (typeof shadowMode !== 'boolean') {
-    createInjectorSSR = createInjector;
-    createInjector = shadowMode;
-    shadowMode = false;
-  } // Vue.extend constructor export interop.
-
-
-  const options = typeof script === 'function' ? script.options : script; // render functions
-
-  if (template && template.render) {
-    options.render = template.render;
-    options.staticRenderFns = template.staticRenderFns;
-    options._compiled = true; // functional template
-
-    if (isFunctionalTemplate) {
-      options.functional = true;
-    }
-  } // scopedId
-
-
-  if (scopeId) {
-    options._scopeId = scopeId;
-  }
-
-  let hook;
-
-  if (moduleIdentifier) {
-    // server build
-    hook = function (context) {
-      // 2.3 injection
-      context = context || // cached call
-      this.$vnode && this.$vnode.ssrContext || // stateful
-      this.parent && this.parent.$vnode && this.parent.$vnode.ssrContext; // functional
-      // 2.2 with runInNewContext: true
-
-      if (!context && typeof __VUE_SSR_CONTEXT__ !== 'undefined') {
-        context = __VUE_SSR_CONTEXT__;
-      } // inject component styles
-
-
-      if (style) {
-        style.call(this, createInjectorSSR(context));
-      } // register component module identifier for async chunk inference
-
-
-      if (context && context._registeredComponents) {
-        context._registeredComponents.add(moduleIdentifier);
-      }
-    }; // used by ssr in case component is cached and beforeCreate
-    // never gets called
-
-
-    options._ssrRegister = hook;
-  } else if (style) {
-    hook = shadowMode ? function (context) {
-      style.call(this, createInjectorShadow(context, this.$root.$options.shadowRoot));
-    } : function (context) {
-      style.call(this, createInjector(context));
-    };
-  }
-
-  if (hook) {
-    if (options.functional) {
-      // register for functional component in vue file
-      const originalRender = options.render;
-
-      options.render = function renderWithStyleInjection(h, context) {
-        hook.call(context);
-        return originalRender(h, context);
-      };
-    } else {
-      // inject component registration as beforeCreate hook
-      const existing = options.beforeCreate;
-      options.beforeCreate = existing ? [].concat(existing, hook) : [hook];
-    }
-  }
-
-  return script;
-}
-
-const isOldIE$1 = typeof navigator !== 'undefined' && /msie [6-9]\\b/.test(navigator.userAgent.toLowerCase());
-
-function createInjector$1(context) {
-  return (id, style) => addStyle$1(id, style);
-}
-
-let HEAD$1;
-const styles$1 = {};
-
-function addStyle$1(id, css) {
-  const group = isOldIE$1 ? css.media || 'default' : id;
-  const style = styles$1[group] || (styles$1[group] = {
-    ids: new Set(),
-    styles: []
-  });
-
-  if (!style.ids.has(id)) {
-    style.ids.add(id);
-    let code = css.source;
-
-    if (css.map) {
-      // https://developer.chrome.com/devtools/docs/javascript-debugging
-      // this makes source maps inside style tags work properly in Chrome
-      code += '\n/*# sourceURL=' + css.map.sources[0] + ' */'; // http://stackoverflow.com/a/26603875
-
-      code += '\n/*# sourceMappingURL=data:application/json;base64,' + btoa(unescape(encodeURIComponent(JSON.stringify(css.map)))) + ' */';
-    }
-
-    if (!style.element) {
-      style.element = document.createElement('style');
-      style.element.type = 'text/css';
-      if (css.media) style.element.setAttribute('media', css.media);
-
-      if (HEAD$1 === undefined) {
-        HEAD$1 = document.head || document.getElementsByTagName('head')[0];
-      }
-
-      HEAD$1.appendChild(style.element);
-    }
-
-    if ('styleSheet' in style.element) {
-      style.styles.push(code);
-      style.element.styleSheet.cssText = style.styles.filter(Boolean).join('\n');
-    } else {
-      const index = style.ids.size - 1;
-      const textNode = document.createTextNode(code);
-      const nodes = style.element.childNodes;
-      if (nodes[index]) style.element.removeChild(nodes[index]);
-      if (nodes.length) style.element.insertBefore(textNode, nodes[index]);else style.element.appendChild(textNode);
-    }
-  }
-}
-
-/* script */
-const __vue_script__$2 = script$2;
-
-/* template */
-var __vue_render__$2 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "menu-item" }, [
-    _c("div", { staticClass: "top" }, [
-      _c(
-        "button",
-        { staticClass: "title-button", on: { click: _vm.toggleItem } },
-        [
-          _c("h4", [
-            _vm._v(
-              _vm._s(_vm.parentField.config.label) +
-                " - #" +
-                _vm._s(_vm.index + 1)
-            )
-          ])
-        ]
-      ),
-      _vm._v(" "),
-      _c(
-        "div",
-        [
-          _c(
-            "base-button",
-            {
-              attrs: { variant: "icon", title: "Move up" },
-              on: { click: _vm.toggleItem }
-            },
-            [
-              _c("svg-icon", {
-                attrs: { name: _vm.isOpen ? "expandLess" : "expandMore" }
-              })
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "base-button",
-            {
-              attrs: {
-                variant: "icon",
-                title: "Move up",
-                disabled: _vm.index === 0
-              },
-              on: {
-                click: function($event) {
-                  return _vm.handleItemMove("up")
-                }
-              }
-            },
-            [_c("svg-icon", { attrs: { name: "north" } })],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "base-button",
-            {
-              attrs: {
-                variant: "icon",
-                title: "Move down",
-                disabled: _vm.index === _vm.parentField.value.length - 1
-              },
-              on: {
-                click: function($event) {
-                  return _vm.handleItemMove("down")
-                }
-              }
-            },
-            [_c("svg-icon", { attrs: { name: "south" } })],
-            1
-          ),
-          _vm._v(" "),
-          _c(
-            "base-button",
-            {
-              attrs: { variant: "icon", title: "Delete" },
-              on: { click: _vm.handleItemRemove }
-            },
-            [_c("svg-icon", { attrs: { name: "delete" } })],
-            1
-          )
-        ],
-        1
-      )
-    ]),
-    _vm._v(" "),
-    _c(
-      "div",
-      {
-        directives: [
-          {
-            name: "show",
-            rawName: "v-show",
-            value: _vm.isOpen,
-            expression: "isOpen"
-          }
-        ],
-        staticClass: "item-form"
-      },
-      [
-        _c(
-          "fieldset",
-          _vm._l(_vm.item.value, function(field) {
-            return _c(_vm.components.DynamicField, {
-              key: field.id,
-              tag: "component",
-              attrs: { field: field }
-            })
-          }),
-          1
-        )
-      ]
-    )
-  ])
-};
-var __vue_staticRenderFns__$2 = [];
-__vue_render__$2._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$2 = function (inject) {
-    if (!inject) return
-    inject("data-v-72216a8c_0", { source: ".menu-item[data-v-72216a8c] {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n}\n.menu-item[data-v-72216a8c]:not(:last-child) {\n  margin-bottom: 0.7rem;\n}\n.menu-item .top[data-v-72216a8c] {\n  display: flex;\n  justify-content: space-between;\n  padding: 1rem;\n  background-color: #eee;\n}\n.menu-item .top .title-button[data-v-72216a8c] {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.menu-item .top .title-button[data-v-72216a8c]:hover {\n  color: #777;\n}\n.menu-item .item-form[data-v-72216a8c] {\n  border-top: 1px solid #ccc;\n}\n.menu-item .item-form fieldset[data-v-72216a8c] {\n  padding: 1rem 1rem 0 1rem;\n  border: 0;\n}\n.menu-item .item-form .form-bottom[data-v-72216a8c] {\n  padding: 1rem;\n  border-top: 1px solid #ccc;\n  display: flex;\n  justify-content: space-between;\n}\n\n/*# sourceMappingURL=RepeatedItem.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-dynamic-field/tager-admin-dynamic-field/src/components/DynamicField/components/RepeatedItem/RepeatedItem.vue","RepeatedItem.vue"],"names":[],"mappings":"AAgHA;EACA,sBAAA;EACA,kBAAA;AC/GA;ADiHA;EACA,qBAAA;AC/GA;ADkHA;EACA,aAAA;EACA,8BAAA;EACA,aAAA;EACA,sBAAA;AChHA;ADkHA;EACA,aAAA;EACA,sBAAA;EACA,uBAAA;AChHA;ADkHA;EACA,WAAA;AChHA;ADqHA;EACA,0BAAA;ACnHA;ADqHA;EACA,yBAAA;EACA,SAAA;ACnHA;ADsHA;EACA,aAAA;EAEA,0BAAA;EACA,aAAA;EACA,8BAAA;ACrHA;;AAEA,2CAA2C","file":"RepeatedItem.vue","sourcesContent":["<template>\n  <div class=\"menu-item\">\n    <div class=\"top\">\n      <button class=\"title-button\" @click=\"toggleItem\">\n        <h4>{{ parentField.config.label }} - #{{ index + 1 }}</h4>\n      </button>\n\n      <div>\n        <base-button variant=\"icon\" title=\"Move up\" @click=\"toggleItem\">\n          <svg-icon :name=\"isOpen ? 'expandLess' : 'expandMore'\" />\n        </base-button>\n\n        <base-button\n          variant=\"icon\"\n          title=\"Move up\"\n          :disabled=\"index === 0\"\n          @click=\"handleItemMove('up')\"\n        >\n          <svg-icon name=\"north\" />\n        </base-button>\n\n        <base-button\n          variant=\"icon\"\n          title=\"Move down\"\n          :disabled=\"index === parentField.value.length - 1\"\n          @click=\"handleItemMove('down')\"\n        >\n          <svg-icon name=\"south\" />\n        </base-button>\n\n        <base-button variant=\"icon\" title=\"Delete\" @click=\"handleItemRemove\">\n          <svg-icon name=\"delete\" />\n        </base-button>\n      </div>\n    </div>\n    <div v-show=\"isOpen\" class=\"item-form\">\n      <fieldset>\n        <component\n          :is=\"components.DynamicField\"\n          v-for=\"field of item.value\"\n          :key=\"field.id\"\n          :field=\"field\"\n        />\n      </fieldset>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, ref } from '@vue/composition-api';\n\nimport { RepeaterField } from '../../../../typings/model';\nimport DynamicField from '../../DynamicField.vue';\n\nimport { moveItem, removeItem } from './RepeatedItem.helpers';\n\ntype Props = Readonly<{\n  item: RepeaterField['value'][number];\n  parentField: RepeaterField;\n  index: number;\n  components: { DynamicField: typeof DynamicField };\n}>;\n\nexport default defineComponent<Props>({\n  name: 'RepeatedItem',\n  props: {\n    /**\n     * Here we use hack: (https://github.com/vuejs/vue/issues/7492#issuecomment-369507267)\n     * because vue don't understand functional component in \"components\" option\n     */\n    components: {\n      type: Object,\n      default() {\n        return {\n          DynamicField,\n        };\n      },\n    },\n    item: {\n      type: Object,\n      required: true,\n    },\n    parentField: {\n      type: Object,\n      required: true,\n    },\n    index: {\n      type: Number,\n      required: true,\n    },\n  },\n  setup(props) {\n    const isOpen = ref<boolean>(false);\n\n    function toggleItem() {\n      isOpen.value = !isOpen.value;\n    }\n\n    function handleItemRemove() {\n      removeItem(props.parentField, props.index);\n    }\n\n    function handleItemMove(direction: 'up' | 'down') {\n      moveItem(props.parentField, props.index, direction);\n    }\n\n    return { handleItemRemove, handleItemMove, isOpen, toggleItem };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n.menu-item {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n\n  &:not(:last-child) {\n    margin-bottom: 0.7rem;\n  }\n\n  .top {\n    display: flex;\n    justify-content: space-between;\n    padding: 1rem;\n    background-color: #eee;\n\n    .title-button {\n      display: flex;\n      flex-direction: column;\n      justify-content: center;\n\n      &:hover {\n        color: #777;\n      }\n    }\n  }\n\n  .item-form {\n    border-top: 1px solid #ccc;\n\n    fieldset {\n      padding: 1rem 1rem 0 1rem;\n      border: 0;\n    }\n\n    .form-bottom {\n      padding: 1rem;\n\n      border-top: 1px solid #ccc;\n      display: flex;\n      justify-content: space-between;\n    }\n  }\n}\n</style>\n",".menu-item {\n  border: 1px solid #ccc;\n  border-radius: 3px;\n}\n.menu-item:not(:last-child) {\n  margin-bottom: 0.7rem;\n}\n.menu-item .top {\n  display: flex;\n  justify-content: space-between;\n  padding: 1rem;\n  background-color: #eee;\n}\n.menu-item .top .title-button {\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n}\n.menu-item .top .title-button:hover {\n  color: #777;\n}\n.menu-item .item-form {\n  border-top: 1px solid #ccc;\n}\n.menu-item .item-form fieldset {\n  padding: 1rem 1rem 0 1rem;\n  border: 0;\n}\n.menu-item .item-form .form-bottom {\n  padding: 1rem;\n  border-top: 1px solid #ccc;\n  display: flex;\n  justify-content: space-between;\n}\n\n/*# sourceMappingURL=RepeatedItem.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$2 = "data-v-72216a8c";
-  /* module identifier */
-  const __vue_module_identifier__$2 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$2 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$2 = /*#__PURE__*/normalizeComponent$1(
-    { render: __vue_render__$2, staticRenderFns: __vue_staticRenderFns__$2 },
-    __vue_inject_styles__$2,
-    __vue_script__$2,
-    __vue_scope_id__$2,
-    __vue_is_functional_template__$2,
-    __vue_module_identifier__$2,
-    false,
-    createInjector$1,
-    undefined,
-    undefined
-  );
-
-var script$1$1 = Vue.extend({
-  name: 'RepeatedItemTable',
-  functional: true,
-  props: {
-    field: {
-      type: Object,
-      required: true
-    }
-  },
-
-  render(h, context) {
-    const repeaterField = context.props.field;
-    const filteredFields = repeaterField.config.fields.filter(fieldConfig => !fieldConfig.meta.hidden);
-    const columnDefs = filteredFields.map((fieldConfig, index) => ({
-      id: index + 1,
-      name: fieldConfig.label,
-      field: fieldConfig.name,
-      useCustomDataCell: true
-    }));
-    columnDefs.push({
-      id: columnDefs.length + 1,
-      name: 'Actions',
-      field: 'actions',
-      useCustomDataCell: true
-    });
-    const rowData = repeaterField.value.map(entity => entity.value.reduce((row, field) => Object.assign(Object.assign({}, row), {
-      [field.config.name]: field
-    }), {}));
-    const columnWidth = `calc(100% / ${filteredFields.length})`;
-    const scopedSlots = filteredFields.reduce((scopedSlots, fieldConfig) => {
-      const slotName = `cell(${kebabCase(fieldConfig.name)})`;
-      return Object.assign(Object.assign({}, scopedSlots), {
-        [slotName]: props => h('td', {
-          style: {
-            width: columnWidth
-          }
-        }, [h(__vue_component__$4, {
-          props: {
-            field: props.row[fieldConfig.name],
-            isLabelHidden: true
-          }
-        })])
-      });
-    }, {});
-
-    function handleItemRemove(index) {
-      removeItem(context.props.field, index);
-    }
-
-    function handleItemMove(index, direction) {
-      moveItem(context.props.field, index, direction);
-    }
-
-    return h(BaseTable, {
-      props: {
-        columnDefs,
-        enumerable: true,
-        rowData: rowData
-      },
-      class: 'repeated-field-table',
-      scopedSlots: Object.assign(Object.assign({}, scopedSlots), {
-        'cell(actions)': ({
-          row,
-          rowIndex
-        }) => h('td', {
-          style: {
-            width: '140px',
-            whiteSpace: 'nowrap'
-          }
-        }, [h(BaseButton, {
-          props: {
-            variant: 'icon',
-            disabled: rowIndex === 0
-          },
-          on: {
-            click: () => handleItemMove(rowIndex, 'up')
-          }
-        }, [h(SvgIcon, {
-          props: {
-            name: 'north'
-          }
-        })]), h(BaseButton, {
-          props: {
-            variant: 'icon',
-            disabled: rowIndex === repeaterField.value.length - 1
-          },
-          on: {
-            click: () => handleItemMove(rowIndex, 'down')
-          }
-        }, [h(SvgIcon, {
-          props: {
-            name: 'south'
-          }
-        })]), h(BaseButton, {
-          props: {
-            variant: 'icon',
-            disabled: row.canBeDeleted ? !row.canBeDeleted.value : false
-          },
-          on: {
-            click: () => handleItemRemove(rowIndex)
-          }
-        }, [h(SvgIcon, {
-          props: {
-            name: 'delete'
-          }
-        })])])
-      })
-    });
-  }
-
-});
-
-/* script */
-const __vue_script__$1$1 = script$1$1;
-
-/* template */
-
-  /* style */
-  const __vue_inject_styles__$1$1 = undefined;
-  /* scoped */
-  const __vue_scope_id__$1$1 = undefined;
-  /* module identifier */
-  const __vue_module_identifier__$1$1 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$1$1 = undefined;
-  /* style inject */
-  
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$1$1 = /*#__PURE__*/normalizeComponent$1(
-    {},
-    __vue_inject_styles__$1$1,
-    __vue_script__$1$1,
-    __vue_scope_id__$1$1,
-    __vue_is_functional_template__$1$1,
-    __vue_module_identifier__$1$1,
-    false,
-    undefined,
-    undefined,
-    undefined
-  );
-
-var script$2$1 = defineComponent({
-  name: 'RepeatedItemTree',
-  components: {
-    RepeatedItem: __vue_component__$2,
-    RepeatedItemTable: __vue_component__$1$1
-  },
-  props: {
-    field: {
-      type: Object,
-      required: true
-    },
-    defaultIsOpen: {
-      type: Boolean,
-      default: false
-    },
-    maxItemsCount: {
-      type: Number,
-      required: false
-    }
-  },
-
-  setup(props) {
-    const pseudoUniqueKey = props.field.config.fields.map(field => field.name).join('').length;
-    const [isOpen, setIsOpen] = useLocalStorage(`is_${props.field.config.name}_${pseudoUniqueKey}_open`, props.defaultIsOpen);
-
-    function toggleChildren() {
-      setIsOpen(!isOpen.value);
-    }
-
-    function addElement() {
-      const newNestedField = {
-        id: createId(),
-        value: props.field.config.fields.map(nestedFieldConfig => universalFieldUtils.createFormField(nestedFieldConfig, null))
-      };
-      props.field.value.push(newNestedField);
-    }
-
-    return {
-      addElement,
-      toggleChildren,
-      isOpen,
-      isTable: props.field.config.meta.view === 'TABLE'
-    };
-  }
-
-});
-
-/* script */
-const __vue_script__$2$1 = script$2$1;
-
-/* template */
-var __vue_render__$1$1 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "repeated-field" }, [
-    _c(
-      "button",
-      {
-        class: ["title-button", _vm.isOpen ? "collapse" : "expand"],
-        attrs: { type: "button", title: _vm.isOpen ? "Collapse" : "Expand" },
-        on: { click: _vm.toggleChildren }
-      },
-      [
-        _c(
-          "span",
-          {
-            class: ["icon-chevron-right", { "icon-expand-more": _vm.isOpen }],
-            attrs: { role: "img" }
-          },
-          [_c("svg-icon", { attrs: { name: "chevronRight" } })],
-          1
-        ),
-        _vm._v(" "),
-        _c("span", { staticClass: "title" }, [
-          _vm._v(
-            "\n      " +
-              _vm._s(_vm.field.config.label) +
-              " (" +
-              _vm._s(_vm.field.value.length) +
-              ")\n    "
-          )
-        ])
-      ]
-    ),
-    _vm._v(" "),
-    _c(
-      "div",
-      {
-        directives: [
-          {
-            name: "show",
-            rawName: "v-show",
-            value: _vm.isOpen,
-            expression: "isOpen"
-          }
-        ],
-        staticClass: "content"
-      },
-      [
-        _vm.isTable
-          ? _c("RepeatedItemTable", { attrs: { field: _vm.field } })
-          : _c(
-              "ul",
-              { staticClass: "nested-element-list" },
-              _vm._l(_vm.field.value, function(nestedElement, index) {
-                return _c(
-                  "li",
-                  {
-                    key: nestedElement.id,
-                    staticClass: "nested-element-container"
-                  },
-                  [
-                    _c(
-                      "RepeatedItem",
-                      _vm._g(
-                        {
-                          attrs: {
-                            item: nestedElement,
-                            index: index,
-                            "parent-field": _vm.field
-                          }
-                        },
-                        _vm.$listeners
-                      )
-                    )
-                  ],
-                  1
-                )
-              }),
-              0
-            ),
-        _vm._v(" "),
-        _c(
-          "div",
-          { staticClass: "button-row" },
-          [
-            _c(
-              "base-button",
-              {
-                attrs: {
-                  variant: "outline-primary",
-                  title: "Add item",
-                  disabled:
-                    _vm.maxItemsCount &&
-                    _vm.field.value.length >= _vm.maxItemsCount
-                },
-                on: { click: _vm.addElement }
-              },
-              [_vm._v("\n        Add item\n      ")]
-            ),
-            _vm._v(" "),
-            _vm.maxItemsCount && _vm.field.value.length >= _vm.maxItemsCount
-              ? _c("span", [
-                  _vm._v("\n        Maximum items count: "),
-                  _c("b", [_vm._v(_vm._s(_vm.maxItemsCount))])
-                ])
-              : _vm._e()
-          ],
-          1
-        )
-      ],
-      1
-    )
-  ])
-};
-var __vue_staticRenderFns__$1$1 = [];
-__vue_render__$1$1._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$2$1 = function (inject) {
-    if (!inject) return
-    inject("data-v-2a48755e_0", { source: ".repeated-field-table[data-v-2a48755e]  .form-group {\n  margin-bottom: 0;\n}\n.repeated-field[data-v-2a48755e] {\n  margin-bottom: 1rem;\n}\n.repeated-field .title-button[data-v-2a48755e] {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  margin-left: -0.375rem;\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.repeated-field .title-button[data-v-2a48755e]:hover {\n  cursor: pointer;\n}\n.repeated-field .title-button.collapse[data-v-2a48755e] {\n  color: var(--primary);\n}\n.repeated-field .title-button.collapse .icon-expand-more[data-v-2a48755e] {\n  color: var(--primary);\n}\n.repeated-field .icon-chevron-right[data-v-2a48755e] {\n  margin-right: 0.375rem;\n  color: var(--secondary);\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.repeated-field .icon-chevron-right svg[data-v-2a48755e] {\n  display: block;\n  fill: currentColor;\n  will-change: transform;\n  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 0.24s;\n}\n.repeated-field .icon-chevron-right.icon-expand-more svg[data-v-2a48755e] {\n  transform: rotate(90deg);\n}\n.repeated-field .content[data-v-2a48755e] {\n  margin: 1rem 0 2rem 0;\n  padding: 0 1.5rem;\n}\n.nested-element-container[data-v-2a48755e] {\n  margin-bottom: 0.7rem;\n}\n.button-row[data-v-2a48755e] {\n  display: flex;\n  align-items: center;\n}\n.button-row span[data-v-2a48755e] {\n  display: inline-block;\n  margin-left: 10px;\n}\n\n/*# sourceMappingURL=RepeatedItemTree.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-dynamic-field/tager-admin-dynamic-field/src/components/DynamicField/components/RepeatedItemTree/RepeatedItemTree.vue","RepeatedItemTree.vue"],"names":[],"mappings":"AA4HA;EACA,gBAAA;AC3HA;AD+HA;EACA,mBAAA;AC5HA;AD8HA;EACA,oBAAA;EACA,mBAAA;EACA,cAAA;EACA,sBAAA;EACA,wDAAA;AC5HA;AD8HA;EACA,eAAA;AC5HA;AD+HA;EACA,qBAAA;AC7HA;AD+HA;EACA,qBAAA;AC7HA;ADkIA;EACA,sBAAA;EACA,uBAAA;EACA,wDAAA;AChIA;ADkIA;EACA,cAAA;EACA,kBAAA;EACA,sBAAA;EACA,wEAAA;AChIA;ADoIA;EACA,wBAAA;AClIA;ADuIA;EACA,qBAAA;EACA,iBAAA;ACrIA;ADyIA;EACA,qBAAA;ACtIA;ADyIA;EACA,aAAA;EACA,mBAAA;ACtIA;ADwIA;EACA,qBAAA;EACA,iBAAA;ACtIA;;AAEA,+CAA+C","file":"RepeatedItemTree.vue","sourcesContent":["<template>\n  <div class='repeated-field'>\n    <button\n      type='button'\n      :class=\"['title-button', isOpen ? 'collapse' : 'expand']\"\n      :title=\"isOpen ? 'Collapse' : 'Expand'\"\n      @click='toggleChildren'\n    >\n      <span\n        role='img'\n        :class=\"['icon-chevron-right', { 'icon-expand-more': isOpen }]\"\n      >\n        <svg-icon name='chevronRight' />\n      </span>\n\n      <span class='title'>\n        {{ field.config.label }} ({{ field.value.length }})\n      </span>\n    </button>\n\n    <div v-show='isOpen' class='content'>\n      <RepeatedItemTable v-if='isTable' :field='field' />\n      <ul v-else class='nested-element-list'>\n        <li\n          v-for='(nestedElement, index) of field.value'\n          :key='nestedElement.id'\n          class='nested-element-container'\n        >\n          <RepeatedItem\n            :item='nestedElement'\n            :index='index'\n            :parent-field='field'\n            v-on='$listeners'\n          />\n        </li>\n      </ul>\n      <div class='button-row'>\n        <base-button\n          variant='outline-primary'\n          title='Add item'\n          :disabled='maxItemsCount && field.value.length >= maxItemsCount'\n          @click='addElement'\n        >\n          Add item\n        </base-button>\n        <span v-if='maxItemsCount && field.value.length >= maxItemsCount'>\n          Maximum items count: <b>{{ maxItemsCount }}</b>\n        </span>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang='ts'>\nimport { defineComponent } from '@vue/composition-api';\n\nimport { createId } from '@tager/admin-services';\nimport { useLocalStorage } from '@tager/admin-ui';\n\nimport { RepeaterField } from '../../../../typings/model';\nimport { universalFieldUtils } from '../../../../services/fields';\nimport RepeatedItem from '../RepeatedItem/RepeatedItem.vue';\nimport RepeatedItemTable from '../RepeatedItemTable.vue';\n\ntype Props = Readonly<{\n  field: RepeaterField;\n  defaultIsOpen: boolean;\n  maxItemsCount?: number;\n}>;\n\nexport default defineComponent<Props>({\n  name: 'RepeatedItemTree',\n  components: { RepeatedItem, RepeatedItemTable },\n  props: {\n    field: {\n      type: Object,\n      required: true\n    },\n    defaultIsOpen: {\n      type: Boolean,\n      default: false\n    },\n    maxItemsCount: {\n      type: Number,\n      required: false\n    }\n  },\n  setup(props) {\n    const pseudoUniqueKey = props.field.config.fields\n      .map((field) => field.name)\n      .join('').length;\n\n    const [isOpen, setIsOpen] = useLocalStorage<boolean>(\n      `is_${props.field.config.name}_${pseudoUniqueKey}_open`,\n      props.defaultIsOpen\n    );\n\n    function toggleChildren() {\n      setIsOpen(!isOpen.value);\n    }\n\n    function addElement() {\n      const newNestedField = {\n        id: createId(),\n        value: props.field.config.fields.map((nestedFieldConfig) =>\n          universalFieldUtils.createFormField(nestedFieldConfig, null)\n        )\n      };\n\n      props.field.value.push(newNestedField);\n    }\n\n    return {\n      addElement,\n      toggleChildren,\n      isOpen,\n      isTable: props.field.config.meta.view === 'TABLE'\n    };\n  }\n});\n</script>\n\n<style scoped lang='scss'>\n.repeated-field-table {\n  ::v-deep .form-group {\n    margin-bottom: 0;\n  }\n}\n\n.repeated-field {\n  margin-bottom: 1rem;\n\n  .title-button {\n    display: inline-flex;\n    align-items: center;\n    color: inherit;\n    margin-left: -0.375rem;\n    transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &.collapse {\n      color: var(--primary);\n\n      .icon-expand-more {\n        color: var(--primary);\n      }\n    }\n  }\n\n  .icon-chevron-right {\n    margin-right: 0.375rem;\n    color: var(--secondary);\n    transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n    svg {\n      display: block;\n      fill: currentColor;\n      will-change: transform;\n      transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 0.24s;\n    }\n\n    &.icon-expand-more {\n      svg {\n        transform: rotate(90deg);\n      }\n    }\n  }\n\n  .content {\n    margin: 1rem 0 2rem 0;\n    padding: 0 1.5rem;\n  }\n}\n\n.nested-element-container {\n  margin-bottom: 0.7rem;\n}\n\n.button-row {\n  display: flex;\n  align-items: center;\n\n  span {\n    display: inline-block;\n    margin-left: 10px;\n  }\n}\n\n</style>\n",".repeated-field-table ::v-deep .form-group {\n  margin-bottom: 0;\n}\n\n.repeated-field {\n  margin-bottom: 1rem;\n}\n.repeated-field .title-button {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  margin-left: -0.375rem;\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.repeated-field .title-button:hover {\n  cursor: pointer;\n}\n.repeated-field .title-button.collapse {\n  color: var(--primary);\n}\n.repeated-field .title-button.collapse .icon-expand-more {\n  color: var(--primary);\n}\n.repeated-field .icon-chevron-right {\n  margin-right: 0.375rem;\n  color: var(--secondary);\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.repeated-field .icon-chevron-right svg {\n  display: block;\n  fill: currentColor;\n  will-change: transform;\n  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 0.24s;\n}\n.repeated-field .icon-chevron-right.icon-expand-more svg {\n  transform: rotate(90deg);\n}\n.repeated-field .content {\n  margin: 1rem 0 2rem 0;\n  padding: 0 1.5rem;\n}\n\n.nested-element-container {\n  margin-bottom: 0.7rem;\n}\n\n.button-row {\n  display: flex;\n  align-items: center;\n}\n.button-row span {\n  display: inline-block;\n  margin-left: 10px;\n}\n\n/*# sourceMappingURL=RepeatedItemTree.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$2$1 = "data-v-2a48755e";
-  /* module identifier */
-  const __vue_module_identifier__$2$1 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$2$1 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$2$1 = /*#__PURE__*/normalizeComponent$1(
-    { render: __vue_render__$1$1, staticRenderFns: __vue_staticRenderFns__$1$1 },
-    __vue_inject_styles__$2$1,
-    __vue_script__$2$1,
-    __vue_scope_id__$2$1,
-    __vue_is_functional_template__$2$1,
-    __vue_module_identifier__$2$1,
-    false,
-    createInjector$1,
-    undefined,
-    undefined
-  );
-
-var script$3 = defineComponent({
-  name: 'FieldGroup',
-  components: {
-    DynamicField: function () {
-      var _ref = _asyncToGenerator(function* () {
-        return (yield Promise.resolve().then(function () { return DynamicField; })).default;
-      });
-
-      return function DynamicField() {
-        return _ref.apply(this, arguments);
-      };
-    }()
-  },
-  props: {
-    field: {
-      type: Object,
-      required: true
-    },
-    defaultIsOpen: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  setup(props) {
-    const pseudoUniqueKey = props.field.config.fields.map(field => field.name).join('').length;
-    const [isOpen, setIsOpen] = useLocalStorage(`is_${props.field.config.name}_${pseudoUniqueKey}_open`, props.defaultIsOpen);
-
-    function handleToggleClick() {
-      setIsOpen(!isOpen.value);
-    }
-
-    return {
-      isOpen,
-      handleToggleClick
-    };
-  }
-
-});
-
-/* script */
-const __vue_script__$3 = script$3;
-
-/* template */
-var __vue_render__$2$1 = function() {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c("div", { staticClass: "group-field" }, [
-    _c(
-      "button",
-      {
-        class: ["title-button", _vm.isOpen ? "collapse" : "expand"],
-        attrs: { type: "button", title: _vm.isOpen ? "Collapse" : "Expand" },
-        on: { click: _vm.handleToggleClick }
-      },
-      [
-        _c(
-          "span",
-          {
-            class: ["icon-chevron-right", { "icon-expand-more": _vm.isOpen }],
-            attrs: { role: "img" }
-          },
-          [_c("svg-icon", { attrs: { name: "chevronRight" } })],
-          1
-        ),
-        _vm._v(" "),
-        _c("span", { staticClass: "title" }, [
-          _vm._v("\n      " + _vm._s(_vm.field.config.label) + "\n    ")
-        ])
-      ]
-    ),
-    _vm._v(" "),
-    _c(
-      "div",
-      {
-        directives: [
-          {
-            name: "show",
-            rawName: "v-show",
-            value: _vm.isOpen,
-            expression: "isOpen"
-          }
-        ],
-        staticClass: "content"
-      },
-      _vm._l(_vm.field.value, function(field) {
-        return _c("DynamicField", {
-          key: field.config.name,
-          attrs: { field: field }
-        })
-      }),
-      1
-    )
-  ])
-};
-var __vue_staticRenderFns__$2$1 = [];
-__vue_render__$2$1._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$3 = function (inject) {
-    if (!inject) return
-    inject("data-v-38af784b_0", { source: ".group-field[data-v-38af784b] {\n  margin-bottom: 1rem;\n}\n.group-field .title-button[data-v-38af784b] {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  margin-left: -0.375rem;\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.group-field .title-button[data-v-38af784b]:hover {\n  cursor: pointer;\n}\n.group-field .title-button.collapse[data-v-38af784b] {\n  color: var(--primary);\n}\n.group-field .title-button.collapse .icon-expand-more[data-v-38af784b] {\n  color: var(--primary);\n}\n.group-field .icon-chevron-right[data-v-38af784b] {\n  margin-right: 0.375rem;\n  color: var(--secondary);\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.group-field .icon-chevron-right svg[data-v-38af784b] {\n  display: block;\n  fill: currentColor;\n  will-change: transform;\n  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 0.24s;\n}\n.group-field .icon-chevron-right.icon-expand-more svg[data-v-38af784b] {\n  transform: rotate(90deg);\n}\n.group-field .content[data-v-38af784b] {\n  margin: 1rem 0 2rem 0;\n  padding: 0 1.5rem;\n}\n\n/*# sourceMappingURL=FieldGroup.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-dynamic-field/tager-admin-dynamic-field/src/components/DynamicField/components/FieldGroup/FieldGroup.vue","FieldGroup.vue"],"names":[],"mappings":"AAgFA;EACA,mBAAA;AC/EA;ADiFA;EACA,oBAAA;EACA,mBAAA;EACA,cAAA;EACA,sBAAA;EACA,wDAAA;AC/EA;ADiFA;EACA,eAAA;AC/EA;ADkFA;EACA,qBAAA;AChFA;ADkFA;EACA,qBAAA;AChFA;ADqFA;EACA,sBAAA;EACA,uBAAA;EACA,wDAAA;ACnFA;ADqFA;EACA,cAAA;EACA,kBAAA;EACA,sBAAA;EACA,wEAAA;ACnFA;ADuFA;EACA,wBAAA;ACrFA;AD0FA;EACA,qBAAA;EACA,iBAAA;ACxFA;;AAEA,yCAAyC","file":"FieldGroup.vue","sourcesContent":["<template>\n  <div class=\"group-field\">\n    <button\n      type=\"button\"\n      :class=\"['title-button', isOpen ? 'collapse' : 'expand']\"\n      :title=\"isOpen ? 'Collapse' : 'Expand'\"\n      @click=\"handleToggleClick\"\n    >\n      <span\n        role=\"img\"\n        :class=\"['icon-chevron-right', { 'icon-expand-more': isOpen }]\"\n      >\n        <svg-icon name=\"chevronRight\" />\n      </span>\n\n      <span class=\"title\">\n        {{ field.config.label }}\n      </span>\n    </button>\n\n    <div v-show=\"isOpen\" class=\"content\">\n      <DynamicField\n        v-for=\"field in field.value\"\n        :key=\"field.config.name\"\n        :field=\"field\"\n      />\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent } from '@vue/composition-api';\n\nimport { useLocalStorage } from '@tager/admin-ui';\n\nimport { GroupField } from '../../../../typings/model';\n\ninterface Props {\n  field: GroupField;\n  defaultIsOpen: boolean;\n}\n\nexport default defineComponent<Props>({\n  name: 'FieldGroup',\n  components: {\n    DynamicField: async () => (await import('../../DynamicField.vue')).default,\n  },\n  props: {\n    field: {\n      type: Object,\n      required: true,\n    },\n    defaultIsOpen: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  setup(props: Props) {\n    const pseudoUniqueKey = props.field.config.fields\n      .map((field) => field.name)\n      .join('').length;\n\n    const [isOpen, setIsOpen] = useLocalStorage<boolean>(\n      `is_${props.field.config.name}_${pseudoUniqueKey}_open`,\n      props.defaultIsOpen\n    );\n\n    function handleToggleClick() {\n      setIsOpen(!isOpen.value);\n    }\n\n    return {\n      isOpen,\n      handleToggleClick,\n    };\n  },\n});\n</script>\n\n<style scoped lang=\"scss\">\n.group-field {\n  margin-bottom: 1rem;\n\n  .title-button {\n    display: inline-flex;\n    align-items: center;\n    color: inherit;\n    margin-left: -0.375rem;\n    transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n    &:hover {\n      cursor: pointer;\n    }\n\n    &.collapse {\n      color: var(--primary);\n\n      .icon-expand-more {\n        color: var(--primary);\n      }\n    }\n  }\n\n  .icon-chevron-right {\n    margin-right: 0.375rem;\n    color: var(--secondary);\n    transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n    svg {\n      display: block;\n      fill: currentColor;\n      will-change: transform;\n      transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 0.24s;\n    }\n\n    &.icon-expand-more {\n      svg {\n        transform: rotate(90deg);\n      }\n    }\n  }\n\n  .content {\n    margin: 1rem 0 2rem 0;\n    padding: 0 1.5rem;\n  }\n}\n</style>\n",".group-field {\n  margin-bottom: 1rem;\n}\n.group-field .title-button {\n  display: inline-flex;\n  align-items: center;\n  color: inherit;\n  margin-left: -0.375rem;\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.group-field .title-button:hover {\n  cursor: pointer;\n}\n.group-field .title-button.collapse {\n  color: var(--primary);\n}\n.group-field .title-button.collapse .icon-expand-more {\n  color: var(--primary);\n}\n.group-field .icon-chevron-right {\n  margin-right: 0.375rem;\n  color: var(--secondary);\n  transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n}\n.group-field .icon-chevron-right svg {\n  display: block;\n  fill: currentColor;\n  will-change: transform;\n  transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, transform 0.24s;\n}\n.group-field .icon-chevron-right.icon-expand-more svg {\n  transform: rotate(90deg);\n}\n.group-field .content {\n  margin: 1rem 0 2rem 0;\n  padding: 0 1.5rem;\n}\n\n/*# sourceMappingURL=FieldGroup.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$3 = "data-v-38af784b";
-  /* module identifier */
-  const __vue_module_identifier__$3 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$3 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$3 = /*#__PURE__*/normalizeComponent$1(
-    { render: __vue_render__$2$1, staticRenderFns: __vue_staticRenderFns__$2$1 },
-    __vue_inject_styles__$3,
-    __vue_script__$3,
-    __vue_scope_id__$3,
-    __vue_is_functional_template__$3,
-    __vue_module_identifier__$3,
-    false,
-    createInjector$1,
-    undefined,
-    undefined
-  );
-
-var script$4 = Vue.extend({
-  name: 'DynamicField',
-  functional: true,
-  props: {
-    field: {
-      type: Object,
-      required: true
-    },
-    isLabelHidden: {
-      type: Boolean,
-      default: false
-    }
-  },
-
-  render(h, context) {
-    const isLabelHidden = context.props.isLabelHidden;
-
-    function renderField(field) {
-      const commonProps = {
-        label: isLabelHidden ? null : field.config.label,
-        name: field.config.name,
-        value: field.value
-      };
-
-      function handleChange(event) {
-        field.value = event;
-      }
-
-      switch (field.config.type) {
-        case 'URL':
-        case 'STRING':
-          return h(FormField, {
-            props: Object.assign({}, commonProps),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              input: handleChange
-            })
-          });
-
-        case 'DATE':
-          return h(FormField, {
-            props: Object.assign(Object.assign({}, commonProps), {
-              type: 'date'
-            }),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              input: handleChange
-            })
-          });
-
-        case 'DATETIME':
-          return h(DateTimeInput, {
-            props: Object.assign({}, commonProps),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'NUMBER':
-          return h(FormFieldNumberInput, {
-            props: Object.assign({}, commonProps),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              input: handleChange
-            })
-          });
-
-        case 'TEXT':
-          return h(FormField, {
-            props: Object.assign(Object.assign({}, commonProps), {
-              type: 'textarea',
-              rows: 4
-            }),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              input: handleChange
-            })
-          });
-
-        case 'HTML':
-          return h(FormFieldRichTextInput, {
-            props: Object.assign({}, commonProps),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              input: handleChange
-            })
-          });
-
-        case 'TRUE_FALSE':
-          return h(FormFieldCheckbox, {
-            props: {
-              label: commonProps.label,
-              name: commonProps.name,
-              checked: field.value
-            },
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'SELECT':
-          return h(FormFieldSelect, {
-            props: {
-              label: commonProps.label,
-              name: commonProps.name,
-              searchable: field.config.meta.searchable
-            },
-            attrs: {
-              value: commonProps.value,
-              options: field.config.meta.options
-            },
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'AJAX_SELECT':
-          return h(AjaxSelect, {
-            props: {
-              requestUrl: field.config.meta.requestUrl,
-              valueField: field.config.meta.valueField,
-              labelField: field.config.meta.labelField
-            },
-            attrs: {
-              value: commonProps.value
-            },
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'MULTI_SELECT':
-          return h(FormFieldMultiSelect, {
-            props: {
-              label: commonProps.label,
-              name: commonProps.name,
-              maxSelectedCount: field.config.meta.maximumItemsCount
-            },
-            attrs: {
-              selectedOptions: commonProps.value,
-              options: field.config.meta.options
-            },
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'COLOR':
-          return h(FormFieldColorInput, {
-            props: Object.assign({}, commonProps),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'BUTTON':
-          return h(ButtonField, {
-            props: Object.assign({}, commonProps),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'MAP':
-          return h(MapField, {
-            props: Object.assign({}, commonProps),
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'IMAGE':
-          return h(FormFieldFileInput, {
-            props: Object.assign({}, commonProps),
-            attrs: {
-              fileType: 'image',
-              scenario: field.config.meta.scenario
-            },
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'GALLERY':
-          return h(FormFieldFileInput, {
-            props: {
-              label: isLabelHidden ? null : field.config.label,
-              name: field.config.name,
-              value: field.value
-            },
-            attrs: {
-              fileType: 'image',
-              multiple: true,
-              scenario: field.config.meta.scenario,
-              withCaptions: field.config.meta.withCaptions
-            },
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'FILE':
-          return h(FormFieldFileInput, {
-            props: Object.assign({}, commonProps),
-            attrs: {
-              fileType: 'file',
-              scenario: field.config.meta.scenario
-            },
-            on: Object.assign(Object.assign({}, context.listeners), {
-              change: handleChange
-            })
-          });
-
-        case 'REPEATER':
-          return h(__vue_component__$2$1, {
-            props: {
-              field,
-              defaultIsOpen: field.config.meta.defaultIsOpen,
-              maxItemsCount: field.config.meta.maximumItemsCount
-            }
-          });
-
-        case 'GROUP':
-          return h(__vue_component__$3, {
-            props: {
-              field,
-              defaultIsOpen: field.config.meta.defaultIsOpen
-            }
-          });
-
-        default:
-          {
-            const unknownFieldType = field.config.type;
-            console.warn('Cannot render Component for field', field.config);
-            return h('div', `Unknown field with type: ${unknownFieldType}`);
-          }
-      }
-    }
-
-    return renderField(context.props.field);
-  }
-
-});
-
-/* script */
-const __vue_script__$4 = script$4;
-
-/* template */
-
-  /* style */
-  const __vue_inject_styles__$4 = function (inject) {
-    if (!inject) return
-    inject("data-v-20017307_0", { source: "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n", map: {"version":3,"sources":[],"names":[],"mappings":"","file":"DynamicField.vue"}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$4 = "data-v-20017307";
-  /* module identifier */
-  const __vue_module_identifier__$4 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$4 = undefined;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$4 = /*#__PURE__*/normalizeComponent$1(
-    {},
-    __vue_inject_styles__$4,
-    __vue_script__$4,
-    __vue_scope_id__$4,
-    __vue_is_functional_template__$4,
-    __vue_module_identifier__$4,
-    false,
-    createInjector$1,
-    undefined,
-    undefined
-  );
-
-var DynamicField = /*#__PURE__*/Object.freeze({
-	__proto__: null,
-	'default': __vue_component__$4
-});
-
-function replaceFileExtension(fileName, newExtension) {
-    const dotIndex = fileName.lastIndexOf('.');
-    const fileNameWithoutExtension = fileName.slice(0, dotIndex);
-    if (newExtension) {
-        return `${fileNameWithoutExtension}.${newExtension}`;
-    }
-    return fileNameWithoutExtension;
-}
-
-function convertExportFormValuesToCreationPayload(values, templateValues) {
-    var _a, _b, _c, _d, _e, _f;
-    return {
-        strategy: (_b = (_a = values.strategy) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : '',
-        filename: values.filename,
-        format: (_d = (_c = values.format) === null || _c === void 0 ? void 0 : _c.value) !== null && _d !== void 0 ? _d : '',
-        delimiter: (_f = (_e = values.delimiter) === null || _e === void 0 ? void 0 : _e.value) !== null && _f !== void 0 ? _f : '',
-        params: templateValues.map((field) => ({
-            name: field.config.name,
-            value: universalFieldUtils.getOutgoingValue(field),
-        })),
-    };
-}
-function convertStrategiesToStrategyOptionList(strategies) {
-    return strategies.map((strategy) => ({
-        label: strategy.name,
-        value: strategy.id,
-    }));
-}
-const formatOptionList = [
-    { value: 'CSV', label: 'CSV' },
-    { value: 'XLS', label: 'XLS' },
-    { value: 'XML', label: 'XML' },
-    { value: 'YAML', label: 'YAML' },
-    { value: 'JSON', label: 'JSON' },
-    { value: 'TXT', label: 'TXT' },
-];
-function isCSVFormat(format) {
-    return format === 'CSV';
-}
-
-var script$5 = defineComponent({
-    name: 'ExportForm',
-    components: { DynamicField: __vue_component__$4, FormFooter },
-    setup(props, context) {
-        var _a, _b;
-        const { t } = useTranslation(context);
-        /** Strategies */
-        const [fetchStrategies, { data: strategies, loading: isStrategiesLoading },] = useResource({
-            fetchResource: getStrategies,
-            initialValue: [],
-            context,
-            resourceName: 'Strategies',
-        });
-        const strategyOptionList = computed(() => convertStrategiesToStrategyOptionList(strategies.value));
-        onMounted(() => {
-            fetchStrategies();
-        });
-        /** Delimiter **/
-        const delimiterOptionList = computed(() => [
-            { value: ',', label: t('export:comma') },
-            { value: ';', label: t('export:semicolon') },
-        ]);
-        /** Form state */
-        const defaultExtension = formatOptionList[0];
-        const defaultDelimiter = delimiterOptionList.value[0];
-        const errors = ref({});
-        const values = ref({
-            strategy: null,
-            filename: `export.${defaultExtension.value.toLowerCase()}`,
-            format: defaultExtension,
-            delimiter: defaultDelimiter,
-        });
-        const isSubmitting = ref(false);
-        const templateValues = ref([]);
-        function updateTemplateValues() {
-            var _a;
-            const selectedStrategy = strategies.value.find((strategy) => { var _a; return strategy.id === ((_a = values.value.strategy) === null || _a === void 0 ? void 0 : _a.value); });
-            const fieldTemplateList = (_a = selectedStrategy === null || selectedStrategy === void 0 ? void 0 : selectedStrategy.fields) !== null && _a !== void 0 ? _a : [];
-            templateValues.value = fieldTemplateList.map((fieldConfig) => universalFieldUtils.createFormField(fieldConfig, null));
-        }
-        watch(() => values.value.strategy, () => {
-            updateTemplateValues();
-        });
-        onMounted(() => {
-            updateTemplateValues();
-        });
-        const shouldDisplayDelimiter = ref(isCSVFormat((_b = (_a = values.value.format) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : ''));
-        watch(() => values.value.format, () => {
-            var _a, _b, _c;
-            const newExtension = (_a = values.value.format) === null || _a === void 0 ? void 0 : _a.value.toLowerCase();
-            values.value.filename = replaceFileExtension(values.value.filename, newExtension || '');
-            shouldDisplayDelimiter.value = isCSVFormat((_c = (_b = values.value.format) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : '');
-        });
-        function submitForm(event) {
-            isSubmitting.value = true;
-            const creationPayload = convertExportFormValuesToCreationPayload(values.value, templateValues.value);
-            createExport(creationPayload)
-                .then(() => {
-                errors.value = {};
-                if (event.type === 'create' ||
-                    event.type === 'save' ||
-                    event.type === 'create_exit' ||
-                    event.type === 'save_exit') {
-                    context.root.$router.push(getExportListUrl());
-                }
-                context.root.$toast({
-                    variant: 'success',
-                    title: t('export:success'),
-                    body: t('export:createdSuccessMessage'),
-                });
-            })
-                .catch((error) => {
-                console.error(error);
-                errors.value = convertRequestErrorToMap(error);
-                context.root.$toast({
-                    variant: 'danger',
-                    title: t('export:error'),
-                    body: t('export:createdErrorMessage'),
-                });
-            })
-                .finally(() => {
-                isSubmitting.value = false;
-            });
-        }
-        /** Is content loading **/
-        const isContentLoading = computed(() => isStrategiesLoading.value);
-        return {
-            values,
-            errors,
-            isSubmitting,
-            submitForm,
-            getExportListUrl,
-            strategyOptionList,
-            formatOptionList,
-            delimiterOptionList,
-            isContentLoading,
-            shouldDisplayDelimiter,
-            templateValues,
-        };
-    },
-});
-
-/* script */
-const __vue_script__$5 = script$5;
-
-/* template */
-var __vue_render__$3 = function () {
-  var _vm = this;
-  var _h = _vm.$createElement;
-  var _c = _vm._self._c || _h;
-  return _c(
-    "page",
-    {
-      attrs: {
-        title: _vm.$t("export:newExport"),
-        "is-content-loading": _vm.isContentLoading,
-      },
-      scopedSlots: _vm._u([
-        {
-          key: "footer",
-          fn: function () {
-            return [
-              _c("FormFooter", {
-                attrs: {
-                  "back-href": _vm.getExportListUrl(),
-                  "on-submit": _vm.submitForm,
-                  "is-submitting": _vm.isSubmitting,
-                  "is-creation": true,
-                },
-              }),
-            ]
-          },
-          proxy: true,
-        },
-      ]),
-    },
-    [
-      _c(
-        "form",
-        {
-          attrs: { novalidate: "" },
-          on: {
-            submit: function ($event) {
-              $event.preventDefault();
-            },
-          },
-        },
-        [
-          _c("form-field-select", {
-            attrs: {
-              options: _vm.strategyOptionList,
-              error: _vm.errors.strategy,
-              label: _vm.$t("export:exportType"),
-              name: "exportType",
-            },
-            model: {
-              value: _vm.values.strategy,
-              callback: function ($$v) {
-                _vm.$set(_vm.values, "strategy", $$v);
-              },
-              expression: "values.strategy",
-            },
-          }),
-          _vm._v(" "),
-          _c(
-            "div",
-            { staticClass: "field" },
-            [
-              _c("form-field", {
-                attrs: {
-                  error: _vm.errors.filename,
-                  label: _vm.$t("export:filename"),
-                  name: "filename",
-                },
-                model: {
-                  value: _vm.values.filename,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.values, "filename", $$v);
-                  },
-                  expression: "values.filename",
-                },
-              }),
-              _vm._v(" "),
-              _c("form-field-select", {
-                attrs: {
-                  options: _vm.formatOptionList,
-                  error: _vm.errors.format,
-                  label: _vm.$t("export:format"),
-                  name: "format",
-                },
-                model: {
-                  value: _vm.values.format,
-                  callback: function ($$v) {
-                    _vm.$set(_vm.values, "format", $$v);
-                  },
-                  expression: "values.format",
-                },
-              }),
-              _vm._v(" "),
-              _c("div"),
-              _vm._v(" "),
-              _vm.shouldDisplayDelimiter
-                ? _c("form-field-select", {
-                    attrs: {
-                      options: _vm.delimiterOptionList,
-                      error: _vm.errors.delimiter,
-                      label: _vm.$t("export:delimiter"),
-                      name: "delimiter",
-                    },
-                    model: {
-                      value: _vm.values.delimiter,
-                      callback: function ($$v) {
-                        _vm.$set(_vm.values, "delimiter", $$v);
-                      },
-                      expression: "values.delimiter",
-                    },
-                  })
-                : _vm._e(),
-            ],
-            1
-          ),
-          _vm._v(" "),
-          _vm._l(_vm.templateValues, function (field) {
-            return _c("DynamicField", {
-              key: field.config.name,
-              attrs: { field: field },
-            })
-          }),
-        ],
-        2
-      ),
-    ]
-  )
-};
-var __vue_staticRenderFns__$3 = [];
-__vue_render__$3._withStripped = true;
-
-  /* style */
-  const __vue_inject_styles__$5 = function (inject) {
-    if (!inject) return
-    inject("data-v-5a365a86_0", { source: ".field[data-v-5a365a86] {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 20px;\n}\n\n/*# sourceMappingURL=ExportForm.vue.map */", map: {"version":3,"sources":["/home/runner/work/tager-admin-export/tager-admin-export/src/views/ExportForm/ExportForm.vue","ExportForm.vue"],"names":[],"mappings":"AAkPA;EACA,aAAA;EACA,qCAAA;EACA,gBAAA;ACjPA;;AAEA,yCAAyC","file":"ExportForm.vue","sourcesContent":["<template>\n  <page :title=\"$t('export:newExport')\" :is-content-loading=\"isContentLoading\">\n    <form novalidate @submit.prevent>\n      <form-field-select\n        v-model=\"values.strategy\"\n        :options=\"strategyOptionList\"\n        :error=\"errors.strategy\"\n        :label=\"$t('export:exportType')\"\n        name=\"exportType\"\n      />\n\n      <div class=\"field\">\n        <form-field\n          v-model=\"values.filename\"\n          :error=\"errors.filename\"\n          :label=\"$t('export:filename')\"\n          name=\"filename\"\n        />\n\n        <form-field-select\n          v-model=\"values.format\"\n          :options=\"formatOptionList\"\n          :error=\"errors.format\"\n          :label=\"$t('export:format')\"\n          name=\"format\"\n        />\n\n        <div />\n\n        <form-field-select\n          v-if=\"shouldDisplayDelimiter\"\n          v-model=\"values.delimiter\"\n          :options=\"delimiterOptionList\"\n          :error=\"errors.delimiter\"\n          :label=\"$t('export:delimiter')\"\n          name=\"delimiter\"\n        />\n      </div>\n\n      <DynamicField\n        v-for=\"field of templateValues\"\n        :key=\"field.config.name\"\n        :field=\"field\"\n      />\n    </form>\n\n    <template v-slot:footer>\n      <FormFooter\n        :back-href=\"getExportListUrl()\"\n        :on-submit=\"submitForm\"\n        :is-submitting=\"isSubmitting\"\n        :is-creation=\"true\"\n      />\n    </template>\n  </page>\n</template>\n\n<script lang=\"ts\">\nimport { defineComponent, watch } from '@vue/composition-api';\nimport { computed, onMounted, ref } from '@vue/composition-api';\n\nimport { convertRequestErrorToMap, useResource } from '@tager/admin-services';\nimport {\n  OptionType,\n  TagerFormSubmitEvent,\n  FormFooter,\n  useTranslation,\n} from '@tager/admin-ui';\nimport {\n  DynamicField,\n  FieldConfigUnion,\n  FieldUnion,\n  universalFieldUtils,\n} from '@tager/admin-dynamic-field';\n\nimport { createExport, getStrategies } from '../../services/requests';\nimport { getExportListUrl } from '../../utils/paths';\nimport { replaceFileExtension } from '../../utils/common';\n\nimport {\n  convertExportFormValuesToCreationPayload,\n  convertStrategiesToStrategyOptionList,\n  formatOptionList,\n  isCSVFormat,\n} from './ExportForm.helpers';\nimport { FormValues } from './ExportForm.types';\n\nexport default defineComponent({\n  name: 'ExportForm',\n  components: { DynamicField, FormFooter },\n  setup(props, context) {\n    const { t } = useTranslation(context);\n\n    /** Strategies */\n\n    const [\n      fetchStrategies,\n      { data: strategies, loading: isStrategiesLoading },\n    ] = useResource({\n      fetchResource: getStrategies,\n      initialValue: [],\n      context,\n      resourceName: 'Strategies',\n    });\n\n    const strategyOptionList = computed<Array<OptionType>>(() =>\n      convertStrategiesToStrategyOptionList(strategies.value)\n    );\n\n    onMounted(() => {\n      fetchStrategies();\n    });\n\n    /** Delimiter **/\n\n    const delimiterOptionList = computed<Array<OptionType>>(() => [\n      { value: ',', label: t('export:comma') },\n      { value: ';', label: t('export:semicolon') },\n    ]);\n\n    /** Form state */\n\n    const defaultExtension = formatOptionList[0];\n    const defaultDelimiter = delimiterOptionList.value[0];\n\n    const errors = ref<Record<string, string>>({});\n    const values = ref<FormValues>({\n      strategy: null,\n      filename: `export.${defaultExtension.value.toLowerCase()}`,\n      format: defaultExtension,\n      delimiter: defaultDelimiter,\n    });\n    const isSubmitting = ref<boolean>(false);\n    const templateValues = ref<Array<FieldUnion>>([]);\n\n    function updateTemplateValues() {\n      const selectedStrategy = strategies.value.find(\n        (strategy) => strategy.id === values.value.strategy?.value\n      );\n\n      const fieldTemplateList: Array<FieldConfigUnion> =\n        selectedStrategy?.fields ?? [];\n\n      templateValues.value = fieldTemplateList.map((fieldConfig) =>\n        universalFieldUtils.createFormField(fieldConfig, null)\n      );\n    }\n\n    watch(\n      () => values.value.strategy,\n      () => {\n        updateTemplateValues();\n      }\n    );\n\n    onMounted(() => {\n      updateTemplateValues();\n    });\n\n    const shouldDisplayDelimiter = ref<boolean>(\n      isCSVFormat(values.value.format?.value ?? '')\n    );\n\n    watch(\n      () => values.value.format,\n      () => {\n        const newExtension = values.value.format?.value.toLowerCase();\n\n        values.value.filename = replaceFileExtension(\n          values.value.filename,\n          newExtension || ''\n        );\n\n        shouldDisplayDelimiter.value = isCSVFormat(\n          values.value.format?.value ?? ''\n        );\n      }\n    );\n\n    function submitForm(event: TagerFormSubmitEvent) {\n      isSubmitting.value = true;\n\n      const creationPayload = convertExportFormValuesToCreationPayload(\n        values.value,\n        templateValues.value\n      );\n\n      createExport(creationPayload)\n        .then(() => {\n          errors.value = {};\n\n          if (\n            event.type === 'create' ||\n            event.type === 'save' ||\n            event.type === 'create_exit' ||\n            event.type === 'save_exit'\n          ) {\n            context.root.$router.push(getExportListUrl());\n          }\n\n          context.root.$toast({\n            variant: 'success',\n            title: t('export:success'),\n            body: t('export:createdSuccessMessage'),\n          });\n        })\n        .catch((error) => {\n          console.error(error);\n          errors.value = convertRequestErrorToMap(error);\n          context.root.$toast({\n            variant: 'danger',\n            title: t('export:error'),\n            body: t('export:createdErrorMessage'),\n          });\n        })\n        .finally(() => {\n          isSubmitting.value = false;\n        });\n    }\n\n    /** Is content loading **/\n\n    const isContentLoading = computed<boolean>(() => isStrategiesLoading.value);\n\n    return {\n      values,\n      errors,\n      isSubmitting,\n      submitForm,\n      getExportListUrl,\n      strategyOptionList,\n      formatOptionList,\n      delimiterOptionList,\n      isContentLoading,\n      shouldDisplayDelimiter,\n      templateValues,\n    };\n  },\n});\n</script>\n\n<style lang=\"scss\" scoped>\n.field {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 20px;\n}\n</style>\n",".field {\n  display: grid;\n  grid-template-columns: repeat(2, 1fr);\n  column-gap: 20px;\n}\n\n/*# sourceMappingURL=ExportForm.vue.map */"]}, media: undefined });
-
-  };
-  /* scoped */
-  const __vue_scope_id__$5 = "data-v-5a365a86";
-  /* module identifier */
-  const __vue_module_identifier__$5 = undefined;
-  /* functional template */
-  const __vue_is_functional_template__$5 = false;
-  /* style inject SSR */
-  
-  /* style inject shadow dom */
-  
-
-  
-  const __vue_component__$5 = /*#__PURE__*/normalizeComponent(
-    { render: __vue_render__$3, staticRenderFns: __vue_staticRenderFns__$3 },
-    __vue_inject_styles__$5,
-    __vue_script__$5,
-    __vue_scope_id__$5,
-    __vue_is_functional_template__$5,
-    __vue_module_identifier__$5,
-    false,
-    createInjector,
-    undefined,
-    undefined
-  );
-
-const EXPORT_LIST_ROUTE = {
-    path: EXPORT_ROUTE_PATHS.EXPORT_LIST,
-    component: __vue_component__$1,
-    name: 'Export List',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('export:home') },
-            { url: route.path, text: t('export:export') },
-        ],
-    },
-};
-const EXPORT_FORM_ROUTE = {
-    path: EXPORT_ROUTE_PATHS.EXPORT_FORM,
-    component: __vue_component__$5,
-    name: 'Export Form',
-    meta: {
-        getBreadcrumbs: (route, t) => [
-            { url: '/', text: t('export:home') },
-            { url: EXPORT_LIST_ROUTE.path, text: t('export:export') },
-            { url: route.path, text: t('export:newExport') },
-        ],
-    },
-};
-
-i18n.addTranslations('en', 'export', EN);
-i18n.addTranslations('ru', 'export', RU);
-
-export { EXPORT_FORM_ROUTE, EXPORT_LIST_ROUTE, createExport, getExportFormUrl, getExportList, getExportListUrl, getStrategies };