rb-document-form-constructor 0.1.6 → 0.1.7

package/dist/rb-document-form-constructor.esm.js

@@ -83,6 +83,309 @@ const UtFormConfig = {
 
 };
 
+let __clone = function (data) {
+  return JSON.parse(JSON.stringify(data));
+};
+
+let __assign = function () {
+  __assign = Object.assign || function __assign(t) {
+    for (let s, i = 1, n = arguments.length; i < n; i++) {
+      s = arguments[i];
+
+      for (let p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
+    }
+
+    return t;
+  };
+
+  return __assign.apply(this, arguments);
+};
+
+let __mergeInputInMapOfArrays = function (inputs, formConfigInputs) {
+  for (let dataType in formConfigInputs) {
+    let foundInputs = inputs[dataType];
+
+    if (foundInputs) {
+      __mergeInputsInArray(foundInputs, formConfigInputs[dataType]);
+    } else {
+      inputs[dataType] = formConfigInputs[dataType];
+    }
+  }
+};
+
+let __mergeInputsInMap = function (inputs, formConfigInputs) {
+  for (let name in formConfigInputs) {
+    inputs[name] = __assign(inputs[name] ? inputs[name] : {}, formConfigInputs[name] ? formConfigInputs[name] : {});
+  }
+};
+
+let __mergeInputsInArray = function (inputs, formConfigInputs) {
+  formConfigInputs.forEach(input => {
+    let index = inputs.findIndex(item => item.name === input.name);
+
+    if (index >= 0) {
+      inputs[index] = input;
+    } else {
+      inputs.push(input);
+    }
+  });
+};
+
+let __applyDefaultProps = function (input) {
+  for (let propName in input.props) {
+    input.propsData[propName] = input.props[propName].default;
+  }
+};
+
+let __applyRefProps = function (input, refConfig) {
+  if (refConfig !== null && refConfig !== void 0 && refConfig.propsData) {
+    for (let propName in refConfig.propsData) {
+      input.propsData[propName] = refConfig.propsData[propName];
+    }
+  }
+};
+
+let fcInputs = {
+  text: {
+    text: 'Текст',
+    name: 'text',
+    type: 'b-form-input',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: null,
+        label: 'Надпись внутри',
+        visible: true
+      },
+      type: {
+        type: 'string',
+        default: 'text',
+        label: 'Тип данных',
+        visible: false
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  },
+  number: {
+    text: 'Число',
+    name: 'number',
+    type: 'b-form-input',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: null,
+        label: 'Надпись внутри',
+        visible: true
+      },
+      type: {
+        type: 'string',
+        default: 'number',
+        label: 'Тип данных',
+        visible: false
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  },
+  memo: {
+    text: 'Большой текст',
+    name: 'memo',
+    type: 'b-form-textarea',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: null,
+        label: 'Надпись внутри',
+        visible: true
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  },
+  date: {
+    text: 'Дата',
+    name: 'date',
+    type: 'rb-date-picker-input',
+    props: {},
+    propsData: {},
+    defaultValue: null
+  },
+  phone: {
+    text: 'Телефон',
+    name: 'phone',
+    type: 'rb-phone-input',
+    props: {
+      placeholder: {
+        type: 'string',
+        default: 'Телефон',
+        label: 'Надпись внутри',
+        visible: true
+      }
+    },
+    propsData: {},
+    defaultValue: null
+  }
+};
+let fcPrimitiveInputs = {
+  text: [__clone(fcInputs.text), __clone(fcInputs.number), __clone(fcInputs.memo), __clone(fcInputs.phone)],
+  memo: [__clone(fcInputs.memo), __clone(fcInputs.text)],
+  number: [__clone(fcInputs.text), __clone(fcInputs.number)],
+  date: [__clone(fcInputs.date)]
+};
+let fcDictInputs = [];
+let fcRefInputs = {};
+let fcRefInputConfigs = {};
+let baseConfig = {
+  inputs: __clone(fcInputs),
+  primitiveInputs: __clone(fcPrimitiveInputs),
+  dictInputs: __clone(fcDictInputs),
+  refInputs: __clone(fcRefInputs),
+  refInputConfigs: __clone(fcRefInputConfigs),
+  rules: [],
+  icons: {
+    iconExpandFacet: 'icon-chevron-up',
+    iconCollapseFacet: 'icon-chevron-down',
+    iconCloseFieldSidebar: 'icon-chevron-right',
+    iconOpenFieldSidebar: 'icon-chevron-left',
+    iconAdd: 'icon-add',
+    iconEdit: 'icon-edit',
+    iconDelete: 'icon-delete',
+    iconDrag: 'icon-reorder'
+  },
+  ruleContext: {}
+};
+const UtFormConstructor = {
+  config: {},
+
+  init(formConfig) {
+    this.config = __clone(baseConfig);
+
+    if (formConfig) {
+      if (formConfig.inputs) {
+        __mergeInputsInMap(this.config.inputs, formConfig.inputs);
+      }
+
+      if (formConfig.primitiveInputs) {
+        __mergeInputInMapOfArrays(this.config.primitiveInputs, formConfig.primitiveInputs);
+      }
+
+      if (formConfig.dictInputs) {
+        __mergeInputsInArray(this.config.dictInputs, formConfig.dictInputs);
+      }
+
+      if (formConfig.refInputs) {
+        __mergeInputInMapOfArrays(this.config.refInputs, formConfig.refInputs);
+      }
+
+      if (formConfig.refInputConfigs) {
+        this.config.refInputConfigs = formConfig.refInputConfigs;
+      }
+
+      if (formConfig.icons) {
+        this.config.icons = __assign(this.config.icons, formConfig.icons);
+      }
+
+      if (formConfig.rules) {
+        this.config.rules = formConfig.rules;
+      }
+
+      if (formConfig.ruleContext) {
+        this.config.ruleContext = formConfig.ruleContext;
+      }
+    }
+  },
+
+  getInputTypes(field) {
+    if (!field) {
+      return [];
+    }
+
+    if (field.dict && !this.config.refInputs[field.ref]) {
+      return this.config.dictInputs;
+    }
+
+    if (field.ref) {
+      return this.config.refInputs[field.ref];
+    }
+
+    return this.config.primitiveInputs[field.type];
+  },
+
+  getDefaultInput(field) {
+    let input = null;
+
+    if (field.ref && this.config.refInputs[field.ref]) {
+      input = __clone(this.config.refInputs[field.ref][0]);
+
+      __applyDefaultProps(input);
+
+      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
+        __applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
+      }
+    } else if (field.dict) {
+      input = __clone(this.config.dictInputs[0]);
+      input.props.dict.default = field.ref;
+
+      __applyDefaultProps(input);
+    } else {
+      input = __clone(this.config.primitiveInputs[field.type][0]);
+
+      __applyDefaultProps(input);
+    }
+
+    return input;
+  },
+
+  getInputTypeByName(name, field) {
+    let input = JSON.parse(JSON.stringify(this.config.inputs[name]));
+
+    if (field.ref && this.config.refInputs[field.ref]) {
+      __applyDefaultProps(input);
+
+      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
+        __applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
+      }
+    } else if (field.dict) {
+      input.props.dict.default = field.ref;
+
+      __applyDefaultProps(input);
+    } else {
+      __applyDefaultProps(input);
+    }
+
+    input.propsData['ref'] = field.name;
+    return input;
+  },
+
+  getAvailableFieldRules(field) {
+    return this.config.rules.filter(rule => {
+      return !rule.fields || rule.fields.length === 0 || rule.fields.indexOf(field.name) >= 0;
+    });
+  },
+
+  getRuleContext() {
+    return this.config.ruleContext;
+  },
+
+  runRule(context, script) {
+    let appendScript = `
+            var doc = this.form.doc;
+            var form = this.form;
+            var event = this.event;
+            var eventName = this.eventName;
+            
+        `;
+
+    let func = function (script) {
+      return eval(script);
+    };
+
+    func.call(context, appendScript + script);
+  }
+
+};
+
 //
 //
 //
@@ -4957,1052 +5260,749 @@ $export($export.P + $export.F * __webpack_require__("5147")(STARTS_WITH), 'Strin
 });
 
 
-/***/ }),
-
-/***/ "f6fd":
-/***/ (function(module, exports) {
-
-// document.currentScript polyfill by Adam Miller
-
-// MIT license
-
-(function(document){
-  var currentScript = "currentScript",
-      scripts = document.getElementsByTagName('script'); // Live NodeList collection
-
-  // If browser needs currentScript polyfill, add get currentScript() to the document object
-  if (!(currentScript in document)) {
-    Object.defineProperty(document, currentScript, {
-      get: function(){
-
-        // IE 6-10 supports script readyState
-        // IE 10+ support stack trace
-        try { throw new Error(); }
-        catch (err) {
-
-          // Find the second match for the "at" string to get file src url from stack.
-          // Specifically works with the format of stack traces in IE.
-          var i, res = ((/.*at [^\(]*\((.*):.+:.+\)$/ig).exec(err.stack) || [false])[1];
-
-          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag
-          for(i in scripts){
-            if(scripts[i].src == res || scripts[i].readyState == "interactive"){
-              return scripts[i];
-            }
-          }
-
-          // If no match, return null
-          return null;
-        }
-      }
-    });
-  }
-})(document);
-
-
-/***/ }),
-
-/***/ "f751":
-/***/ (function(module, exports, __webpack_require__) {
-
-// 19.1.3.1 Object.assign(target, source)
-var $export = __webpack_require__("5ca1");
-
-$export($export.S + $export.F, 'Object', { assign: __webpack_require__("7333") });
-
-
-/***/ }),
-
-/***/ "fa5b":
-/***/ (function(module, exports, __webpack_require__) {
-
-module.exports = __webpack_require__("5537")('native-function-to-string', Function.toString);
-
-
-/***/ }),
-
-/***/ "fab2":
-/***/ (function(module, exports, __webpack_require__) {
-
-var document = __webpack_require__("7726").document;
-module.exports = document && document.documentElement;
-
-
-/***/ }),
-
-/***/ "fb15":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
-
-// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
-// This file is imported into lib/wc client bundles.
-
-if (typeof window !== 'undefined') {
-  {
-    __webpack_require__("f6fd");
-  }
-
-  var setPublicPath_i;
-  if ((setPublicPath_i = window.document.currentScript) && (setPublicPath_i = setPublicPath_i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
-    __webpack_require__.p = setPublicPath_i[1]; // eslint-disable-line
-  }
-}
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.assign.js
-__webpack_require__("f751");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.starts-with.js
-__webpack_require__("f559");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
-__webpack_require__("ac6a");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.iterator.js
-__webpack_require__("cadf");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
-__webpack_require__("456d");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(arr, i) {
-  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-  var _e = undefined;
-
-  try {
-    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
-    try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
-    }
-  }
-
-  return _arr;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
-
-
-
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.array.includes.js
-__webpack_require__("6762");
-
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js
-__webpack_require__("2fdb");
-
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
-
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
-function _nonIterableSpread() {
-  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
-
-
-
-
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-// EXTERNAL MODULE: external {"commonjs":"sortablejs","commonjs2":"sortablejs","amd":"sortablejs","root":"Sortable"}
-var external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_ = __webpack_require__("a352");
-var external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_);
-
-// EXTERNAL MODULE: ./src/util/helper.js
-var helper = __webpack_require__("c649");
-
-// CONCATENATED MODULE: ./src/vuedraggable.js
-
-
-
-
-
-
+/***/ }),
 
+/***/ "f6fd":
+/***/ (function(module, exports) {
 
+// document.currentScript polyfill by Adam Miller
 
+// MIT license
 
+(function(document){
+  var currentScript = "currentScript",
+      scripts = document.getElementsByTagName('script'); // Live NodeList collection
 
+  // If browser needs currentScript polyfill, add get currentScript() to the document object
+  if (!(currentScript in document)) {
+    Object.defineProperty(document, currentScript, {
+      get: function(){
 
-function buildAttribute(object, propName, value) {
-  if (value === undefined) {
-    return object;
-  }
+        // IE 6-10 supports script readyState
+        // IE 10+ support stack trace
+        try { throw new Error(); }
+        catch (err) {
 
-  object = object || {};
-  object[propName] = value;
-  return object;
-}
+          // Find the second match for the "at" string to get file src url from stack.
+          // Specifically works with the format of stack traces in IE.
+          var i, res = ((/.*at [^\(]*\((.*):.+:.+\)$/ig).exec(err.stack) || [false])[1];
 
-function computeVmIndex(vnodes, element) {
-  return vnodes.map(function (elt) {
-    return elt.elm;
-  }).indexOf(element);
-}
+          // For all scripts on the page, if src matches or if ready state is interactive, return the script tag
+          for(i in scripts){
+            if(scripts[i].src == res || scripts[i].readyState == "interactive"){
+              return scripts[i];
+            }
+          }
 
-function _computeIndexes(slots, children, isTransition, footerOffset) {
-  if (!slots) {
-    return [];
+          // If no match, return null
+          return null;
+        }
+      }
+    });
   }
+})(document);
 
-  var elmFromNodes = slots.map(function (elt) {
-    return elt.elm;
-  });
-  var footerIndex = children.length - footerOffset;
 
-  var rawIndexes = _toConsumableArray(children).map(function (elt, idx) {
-    return idx >= footerIndex ? elmFromNodes.length : elmFromNodes.indexOf(elt);
-  });
+/***/ }),
 
-  return isTransition ? rawIndexes.filter(function (ind) {
-    return ind !== -1;
-  }) : rawIndexes;
-}
+/***/ "f751":
+/***/ (function(module, exports, __webpack_require__) {
 
-function emit(evtName, evtData) {
-  var _this = this;
+// 19.1.3.1 Object.assign(target, source)
+var $export = __webpack_require__("5ca1");
 
-  this.$nextTick(function () {
-    return _this.$emit(evtName.toLowerCase(), evtData);
-  });
-}
+$export($export.S + $export.F, 'Object', { assign: __webpack_require__("7333") });
 
-function delegateAndEmit(evtName) {
-  var _this2 = this;
 
-  return function (evtData) {
-    if (_this2.realList !== null) {
-      _this2["onDrag" + evtName](evtData);
-    }
+/***/ }),
 
-    emit.call(_this2, evtName, evtData);
-  };
-}
+/***/ "fa5b":
+/***/ (function(module, exports, __webpack_require__) {
 
-function isTransitionName(name) {
-  return ["transition-group", "TransitionGroup"].includes(name);
-}
+module.exports = __webpack_require__("5537")('native-function-to-string', Function.toString);
 
-function vuedraggable_isTransition(slots) {
-  if (!slots || slots.length !== 1) {
-    return false;
-  }
 
-  var _slots = _slicedToArray(slots, 1),
-      componentOptions = _slots[0].componentOptions;
+/***/ }),
 
-  if (!componentOptions) {
-    return false;
-  }
+/***/ "fab2":
+/***/ (function(module, exports, __webpack_require__) {
 
-  return isTransitionName(componentOptions.tag);
-}
+var document = __webpack_require__("7726").document;
+module.exports = document && document.documentElement;
 
-function getSlot(slot, scopedSlot, key) {
-  return slot[key] || (scopedSlot[key] ? scopedSlot[key]() : undefined);
-}
 
-function computeChildrenAndOffsets(children, slot, scopedSlot) {
-  var headerOffset = 0;
-  var footerOffset = 0;
-  var header = getSlot(slot, scopedSlot, "header");
+/***/ }),
 
-  if (header) {
-    headerOffset = header.length;
-    children = children ? [].concat(_toConsumableArray(header), _toConsumableArray(children)) : _toConsumableArray(header);
-  }
+/***/ "fb15":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
-  var footer = getSlot(slot, scopedSlot, "footer");
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/setPublicPath.js
+// This file is imported into lib/wc client bundles.
 
-  if (footer) {
-    footerOffset = footer.length;
-    children = children ? [].concat(_toConsumableArray(children), _toConsumableArray(footer)) : _toConsumableArray(footer);
+if (typeof window !== 'undefined') {
+  {
+    __webpack_require__("f6fd");
   }
 
-  return {
-    children: children,
-    headerOffset: headerOffset,
-    footerOffset: footerOffset
-  };
+  var setPublicPath_i;
+  if ((setPublicPath_i = window.document.currentScript) && (setPublicPath_i = setPublicPath_i.src.match(/(.+\/)[^/]+\.js(\?.*)?$/))) {
+    __webpack_require__.p = setPublicPath_i[1]; // eslint-disable-line
+  }
 }
 
-function getComponentAttributes($attrs, componentData) {
-  var attributes = null;
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.assign.js
+__webpack_require__("f751");
 
-  var update = function update(name, value) {
-    attributes = buildAttribute(attributes, name, value);
-  };
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.starts-with.js
+__webpack_require__("f559");
 
-  var attrs = Object.keys($attrs).filter(function (key) {
-    return key === "id" || key.startsWith("data-");
-  }).reduce(function (res, key) {
-    res[key] = $attrs[key];
-    return res;
-  }, {});
-  update("attrs", attrs);
+// EXTERNAL MODULE: ./node_modules/core-js/modules/web.dom.iterable.js
+__webpack_require__("ac6a");
 
-  if (!componentData) {
-    return attributes;
-  }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.array.iterator.js
+__webpack_require__("cadf");
 
-  var on = componentData.on,
-      props = componentData.props,
-      componentDataAttrs = componentData.attrs;
-  update("on", on);
-  update("props", props);
-  Object.assign(attributes.attrs, componentDataAttrs);
-  return attributes;
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.object.keys.js
+__webpack_require__("456d");
+
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
+function _arrayWithHoles(arr) {
+  if (Array.isArray(arr)) return arr;
 }
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
+function _iterableToArrayLimit(arr, i) {
+  if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return;
+  var _arr = [];
+  var _n = true;
+  var _d = false;
+  var _e = undefined;
 
-var eventsListened = ["Start", "Add", "Remove", "Update", "End"];
-var eventsToEmit = ["Choose", "Unchoose", "Sort", "Filter", "Clone"];
-var readonlyProperties = ["Move"].concat(eventsListened, eventsToEmit).map(function (evt) {
-  return "on" + evt;
-});
-var draggingElement = null;
-var props = {
-  options: Object,
-  list: {
-    type: Array,
-    required: false,
-    default: null
-  },
-  value: {
-    type: Array,
-    required: false,
-    default: null
-  },
-  noTransitionOnDrag: {
-    type: Boolean,
-    default: false
-  },
-  clone: {
-    type: Function,
-    default: function _default(original) {
-      return original;
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
+
+      if (i && _arr.length === i) break;
+    }
+  } catch (err) {
+    _d = true;
+    _e = err;
+  } finally {
+    try {
+      if (!_n && _i["return"] != null) _i["return"]();
+    } finally {
+      if (_d) throw _e;
     }
-  },
-  element: {
-    type: String,
-    default: "div"
-  },
-  tag: {
-    type: String,
-    default: null
-  },
-  move: {
-    type: Function,
-    default: null
-  },
-  componentData: {
-    type: Object,
-    required: false,
-    default: null
   }
-};
-var draggableComponent = {
-  name: "draggable",
-  inheritAttrs: false,
-  props: props,
-  data: function data() {
-    return {
-      transitionMode: false,
-      noneFunctionalComponentMode: false
-    };
-  },
-  render: function render(h) {
-    var slots = this.$slots.default;
-    this.transitionMode = vuedraggable_isTransition(slots);
 
-    var _computeChildrenAndOf = computeChildrenAndOffsets(slots, this.$slots, this.$scopedSlots),
-        children = _computeChildrenAndOf.children,
-        headerOffset = _computeChildrenAndOf.headerOffset,
-        footerOffset = _computeChildrenAndOf.footerOffset;
+  return _arr;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
+function _arrayLikeToArray(arr, len) {
+  if (len == null || len > arr.length) len = arr.length;
+
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
+  }
 
-    this.headerOffset = headerOffset;
-    this.footerOffset = footerOffset;
-    var attributes = getComponentAttributes(this.$attrs, this.componentData);
-    return h(this.getTag(), attributes, children);
-  },
-  created: function created() {
-    if (this.list !== null && this.value !== null) {
-      helper["b" /* console */].error("Value and list props are mutually exclusive! Please set one or another.");
-    }
+  return arr2;
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 
-    if (this.element !== "div") {
-      helper["b" /* console */].warn("Element props is deprecated please use tag props instead. See https://github.com/SortableJS/Vue.Draggable/blob/master/documentation/migrate.md#element-props");
-    }
+function _unsupportedIterableToArray(o, minLen) {
+  if (!o) return;
+  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
+  var n = Object.prototype.toString.call(o).slice(8, -1);
+  if (n === "Object" && o.constructor) n = o.constructor.name;
+  if (n === "Map" || n === "Set") return Array.from(o);
+  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
+function _nonIterableRest() {
+  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/slicedToArray.js
 
-    if (this.options !== undefined) {
-      helper["b" /* console */].warn("Options props is deprecated, add sortable options directly as vue.draggable item, or use v-bind. See https://github.com/SortableJS/Vue.Draggable/blob/master/documentation/migrate.md#options-props");
-    }
-  },
-  mounted: function mounted() {
-    var _this3 = this;
 
-    this.noneFunctionalComponentMode = this.getTag().toLowerCase() !== this.$el.nodeName.toLowerCase() && !this.getIsFunctional();
 
-    if (this.noneFunctionalComponentMode && this.transitionMode) {
-      throw new Error("Transition-group inside component is not supported. Please alter tag value or remove transition-group. Current tag value: ".concat(this.getTag()));
-    }
 
-    var optionsAdded = {};
-    eventsListened.forEach(function (elt) {
-      optionsAdded["on" + elt] = delegateAndEmit.call(_this3, elt);
-    });
-    eventsToEmit.forEach(function (elt) {
-      optionsAdded["on" + elt] = emit.bind(_this3, elt);
-    });
-    var attributes = Object.keys(this.$attrs).reduce(function (res, key) {
-      res[Object(helper["a" /* camelize */])(key)] = _this3.$attrs[key];
-      return res;
-    }, {});
-    var options = Object.assign({}, this.options, attributes, optionsAdded, {
-      onMove: function onMove(evt, originalEvent) {
-        return _this3.onDragMove(evt, originalEvent);
-      }
-    });
-    !("draggable" in options) && (options.draggable = ">*");
-    this._sortable = new external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_default.a(this.rootContainer, options);
-    this.computeIndexes();
-  },
-  beforeDestroy: function beforeDestroy() {
-    if (this._sortable !== undefined) this._sortable.destroy();
-  },
-  computed: {
-    rootContainer: function rootContainer() {
-      return this.transitionMode ? this.$el.children[0] : this.$el;
-    },
-    realList: function realList() {
-      return this.list ? this.list : this.value;
-    }
-  },
-  watch: {
-    options: {
-      handler: function handler(newOptionValue) {
-        this.updateOptions(newOptionValue);
-      },
-      deep: true
-    },
-    $attrs: {
-      handler: function handler(newOptionValue) {
-        this.updateOptions(newOptionValue);
-      },
-      deep: true
-    },
-    realList: function realList() {
-      this.computeIndexes();
-    }
-  },
-  methods: {
-    getIsFunctional: function getIsFunctional() {
-      var fnOptions = this._vnode.fnOptions;
-      return fnOptions && fnOptions.functional;
-    },
-    getTag: function getTag() {
-      return this.tag || this.element;
-    },
-    updateOptions: function updateOptions(newOptionValue) {
-      for (var property in newOptionValue) {
-        var value = Object(helper["a" /* camelize */])(property);
+function _slicedToArray(arr, i) {
+  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
+}
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es7.array.includes.js
+__webpack_require__("6762");
 
-        if (readonlyProperties.indexOf(value) === -1) {
-          this._sortable.option(value, newOptionValue[property]);
-        }
-      }
-    },
-    getChildrenNodes: function getChildrenNodes() {
-      if (this.noneFunctionalComponentMode) {
-        return this.$children[0].$slots.default;
-      }
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js
+__webpack_require__("2fdb");
 
-      var rawNodes = this.$slots.default;
-      return this.transitionMode ? rawNodes[0].child.$slots.default : rawNodes;
-    },
-    computeIndexes: function computeIndexes() {
-      var _this4 = this;
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
-      this.$nextTick(function () {
-        _this4.visibleIndexes = _computeIndexes(_this4.getChildrenNodes(), _this4.rootContainer.children, _this4.transitionMode, _this4.footerOffset);
-      });
-    },
-    getUnderlyingVm: function getUnderlyingVm(htmlElt) {
-      var index = computeVmIndex(this.getChildrenNodes() || [], htmlElt);
+function _arrayWithoutHoles(arr) {
+  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/iterableToArray.js
+function _iterableToArray(iter) {
+  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/nonIterableSpread.js
+function _nonIterableSpread() {
+  throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+}
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/toConsumableArray.js
 
-      if (index === -1) {
-        //Edge case during move callback: related element might be
-        //an element different from collection
-        return null;
-      }
 
-      var element = this.realList[index];
-      return {
-        index: index,
-        element: element
-      };
-    },
-    getUnderlyingPotencialDraggableComponent: function getUnderlyingPotencialDraggableComponent(_ref) {
-      var vue = _ref.__vue__;
 
-      if (!vue || !vue.$options || !isTransitionName(vue.$options._componentTag)) {
-        if (!("realList" in vue) && vue.$children.length === 1 && "realList" in vue.$children[0]) return vue.$children[0];
-        return vue;
-      }
 
-      return vue.$parent;
-    },
-    emitChanges: function emitChanges(evt) {
-      var _this5 = this;
+function _toConsumableArray(arr) {
+  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
+}
+// EXTERNAL MODULE: external {"commonjs":"sortablejs","commonjs2":"sortablejs","amd":"sortablejs","root":"Sortable"}
+var external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_ = __webpack_require__("a352");
+var external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_default = /*#__PURE__*/__webpack_require__.n(external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_);
 
-      this.$nextTick(function () {
-        _this5.$emit("change", evt);
-      });
-    },
-    alterList: function alterList(onList) {
-      if (this.list) {
-        onList(this.list);
-        return;
-      }
+// EXTERNAL MODULE: ./src/util/helper.js
+var helper = __webpack_require__("c649");
 
-      var newList = _toConsumableArray(this.value);
+// CONCATENATED MODULE: ./src/vuedraggable.js
 
-      onList(newList);
-      this.$emit("input", newList);
-    },
-    spliceList: function spliceList() {
-      var _arguments = arguments;
 
-      var spliceList = function spliceList(list) {
-        return list.splice.apply(list, _toConsumableArray(_arguments));
-      };
 
-      this.alterList(spliceList);
-    },
-    updatePosition: function updatePosition(oldIndex, newIndex) {
-      var updatePosition = function updatePosition(list) {
-        return list.splice(newIndex, 0, list.splice(oldIndex, 1)[0]);
-      };
 
-      this.alterList(updatePosition);
-    },
-    getRelatedContextFromMoveEvent: function getRelatedContextFromMoveEvent(_ref2) {
-      var to = _ref2.to,
-          related = _ref2.related;
-      var component = this.getUnderlyingPotencialDraggableComponent(to);
 
-      if (!component) {
-        return {
-          component: component
-        };
-      }
 
-      var list = component.realList;
-      var context = {
-        list: list,
-        component: component
-      };
 
-      if (to !== related && list && component.getUnderlyingVm) {
-        var destination = component.getUnderlyingVm(related);
 
-        if (destination) {
-          return Object.assign(destination, context);
-        }
-      }
 
-      return context;
-    },
-    getVmIndex: function getVmIndex(domIndex) {
-      var indexes = this.visibleIndexes;
-      var numberIndexes = indexes.length;
-      return domIndex > numberIndexes - 1 ? numberIndexes : indexes[domIndex];
-    },
-    getComponent: function getComponent() {
-      return this.$slots.default[0].componentInstance;
-    },
-    resetTransitionData: function resetTransitionData(index) {
-      if (!this.noTransitionOnDrag || !this.transitionMode) {
-        return;
-      }
 
-      var nodes = this.getChildrenNodes();
-      nodes[index].data = null;
-      var transitionContainer = this.getComponent();
-      transitionContainer.children = [];
-      transitionContainer.kept = undefined;
-    },
-    onDragStart: function onDragStart(evt) {
-      this.context = this.getUnderlyingVm(evt.item);
-      evt.item._underlying_vm_ = this.clone(this.context.element);
-      draggingElement = evt.item;
-    },
-    onDragAdd: function onDragAdd(evt) {
-      var element = evt.item._underlying_vm_;
 
-      if (element === undefined) {
-        return;
-      }
 
-      Object(helper["d" /* removeNode */])(evt.item);
-      var newIndex = this.getVmIndex(evt.newIndex);
-      this.spliceList(newIndex, 0, element);
-      this.computeIndexes();
-      var added = {
-        element: element,
-        newIndex: newIndex
-      };
-      this.emitChanges({
-        added: added
-      });
-    },
-    onDragRemove: function onDragRemove(evt) {
-      Object(helper["c" /* insertNodeAt */])(this.rootContainer, evt.item, evt.oldIndex);
+function buildAttribute(object, propName, value) {
+  if (value === undefined) {
+    return object;
+  }
+
+  object = object || {};
+  object[propName] = value;
+  return object;
+}
+
+function computeVmIndex(vnodes, element) {
+  return vnodes.map(function (elt) {
+    return elt.elm;
+  }).indexOf(element);
+}
+
+function _computeIndexes(slots, children, isTransition, footerOffset) {
+  if (!slots) {
+    return [];
+  }
 
-      if (evt.pullMode === "clone") {
-        Object(helper["d" /* removeNode */])(evt.clone);
-        return;
-      }
+  var elmFromNodes = slots.map(function (elt) {
+    return elt.elm;
+  });
+  var footerIndex = children.length - footerOffset;
 
-      var oldIndex = this.context.index;
-      this.spliceList(oldIndex, 1);
-      var removed = {
-        element: this.context.element,
-        oldIndex: oldIndex
-      };
-      this.resetTransitionData(oldIndex);
-      this.emitChanges({
-        removed: removed
-      });
-    },
-    onDragUpdate: function onDragUpdate(evt) {
-      Object(helper["d" /* removeNode */])(evt.item);
-      Object(helper["c" /* insertNodeAt */])(evt.from, evt.item, evt.oldIndex);
-      var oldIndex = this.context.index;
-      var newIndex = this.getVmIndex(evt.newIndex);
-      this.updatePosition(oldIndex, newIndex);
-      var moved = {
-        element: this.context.element,
-        oldIndex: oldIndex,
-        newIndex: newIndex
-      };
-      this.emitChanges({
-        moved: moved
-      });
-    },
-    updateProperty: function updateProperty(evt, propertyName) {
-      evt.hasOwnProperty(propertyName) && (evt[propertyName] += this.headerOffset);
-    },
-    computeFutureIndex: function computeFutureIndex(relatedContext, evt) {
-      if (!relatedContext.element) {
-        return 0;
-      }
+  var rawIndexes = _toConsumableArray(children).map(function (elt, idx) {
+    return idx >= footerIndex ? elmFromNodes.length : elmFromNodes.indexOf(elt);
+  });
 
-      var domChildren = _toConsumableArray(evt.to.children).filter(function (el) {
-        return el.style["display"] !== "none";
-      });
+  return isTransition ? rawIndexes.filter(function (ind) {
+    return ind !== -1;
+  }) : rawIndexes;
+}
 
-      var currentDOMIndex = domChildren.indexOf(evt.related);
-      var currentIndex = relatedContext.component.getVmIndex(currentDOMIndex);
-      var draggedInList = domChildren.indexOf(draggingElement) !== -1;
-      return draggedInList || !evt.willInsertAfter ? currentIndex : currentIndex + 1;
-    },
-    onDragMove: function onDragMove(evt, originalEvent) {
-      var onMove = this.move;
+function emit(evtName, evtData) {
+  var _this = this;
 
-      if (!onMove || !this.realList) {
-        return true;
-      }
+  this.$nextTick(function () {
+    return _this.$emit(evtName.toLowerCase(), evtData);
+  });
+}
 
-      var relatedContext = this.getRelatedContextFromMoveEvent(evt);
-      var draggedContext = this.context;
-      var futureIndex = this.computeFutureIndex(relatedContext, evt);
-      Object.assign(draggedContext, {
-        futureIndex: futureIndex
-      });
-      var sendEvt = Object.assign({}, evt, {
-        relatedContext: relatedContext,
-        draggedContext: draggedContext
-      });
-      return onMove(sendEvt, originalEvent);
-    },
-    onDragEnd: function onDragEnd() {
-      this.computeIndexes();
-      draggingElement = null;
+function delegateAndEmit(evtName) {
+  var _this2 = this;
+
+  return function (evtData) {
+    if (_this2.realList !== null) {
+      _this2["onDrag" + evtName](evtData);
     }
-  }
-};
 
-if (typeof window !== "undefined" && "Vue" in window) {
-  window.Vue.component("draggable", draggableComponent);
+    emit.call(_this2, evtName, evtData);
+  };
 }
 
-/* harmony default export */ var vuedraggable = (draggableComponent);
-// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
+function isTransitionName(name) {
+  return ["transition-group", "TransitionGroup"].includes(name);
+}
+
+function vuedraggable_isTransition(slots) {
+  if (!slots || slots.length !== 1) {
+    return false;
+  }
 
+  var _slots = _slicedToArray(slots, 1),
+      componentOptions = _slots[0].componentOptions;
 
-/* harmony default export */ __webpack_exports__["default"] = (vuedraggable);
+  if (!componentOptions) {
+    return false;
+  }
 
+  return isTransitionName(componentOptions.tag);
+}
 
+function getSlot(slot, scopedSlot, key) {
+  return slot[key] || (scopedSlot[key] ? scopedSlot[key]() : undefined);
+}
 
-/***/ })
+function computeChildrenAndOffsets(children, slot, scopedSlot) {
+  var headerOffset = 0;
+  var footerOffset = 0;
+  var header = getSlot(slot, scopedSlot, "header");
 
-/******/ })["default"];
-});
+  if (header) {
+    headerOffset = header.length;
+    children = children ? [].concat(_toConsumableArray(header), _toConsumableArray(children)) : _toConsumableArray(header);
+  }
 
-});
+  var footer = getSlot(slot, scopedSlot, "footer");
 
-let __clone = function (data) {
-  return JSON.parse(JSON.stringify(data));
-};
+  if (footer) {
+    footerOffset = footer.length;
+    children = children ? [].concat(_toConsumableArray(children), _toConsumableArray(footer)) : _toConsumableArray(footer);
+  }
 
-let __assign = function () {
-  __assign = Object.assign || function __assign(t) {
-    for (let s, i = 1, n = arguments.length; i < n; i++) {
-      s = arguments[i];
+  return {
+    children: children,
+    headerOffset: headerOffset,
+    footerOffset: footerOffset
+  };
+}
 
-      for (let p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];
-    }
+function getComponentAttributes($attrs, componentData) {
+  var attributes = null;
 
-    return t;
+  var update = function update(name, value) {
+    attributes = buildAttribute(attributes, name, value);
   };
 
-  return __assign.apply(this, arguments);
+  var attrs = Object.keys($attrs).filter(function (key) {
+    return key === "id" || key.startsWith("data-");
+  }).reduce(function (res, key) {
+    res[key] = $attrs[key];
+    return res;
+  }, {});
+  update("attrs", attrs);
+
+  if (!componentData) {
+    return attributes;
+  }
+
+  var on = componentData.on,
+      props = componentData.props,
+      componentDataAttrs = componentData.attrs;
+  update("on", on);
+  update("props", props);
+  Object.assign(attributes.attrs, componentDataAttrs);
+  return attributes;
+}
+
+var eventsListened = ["Start", "Add", "Remove", "Update", "End"];
+var eventsToEmit = ["Choose", "Unchoose", "Sort", "Filter", "Clone"];
+var readonlyProperties = ["Move"].concat(eventsListened, eventsToEmit).map(function (evt) {
+  return "on" + evt;
+});
+var draggingElement = null;
+var props = {
+  options: Object,
+  list: {
+    type: Array,
+    required: false,
+    default: null
+  },
+  value: {
+    type: Array,
+    required: false,
+    default: null
+  },
+  noTransitionOnDrag: {
+    type: Boolean,
+    default: false
+  },
+  clone: {
+    type: Function,
+    default: function _default(original) {
+      return original;
+    }
+  },
+  element: {
+    type: String,
+    default: "div"
+  },
+  tag: {
+    type: String,
+    default: null
+  },
+  move: {
+    type: Function,
+    default: null
+  },
+  componentData: {
+    type: Object,
+    required: false,
+    default: null
+  }
 };
+var draggableComponent = {
+  name: "draggable",
+  inheritAttrs: false,
+  props: props,
+  data: function data() {
+    return {
+      transitionMode: false,
+      noneFunctionalComponentMode: false
+    };
+  },
+  render: function render(h) {
+    var slots = this.$slots.default;
+    this.transitionMode = vuedraggable_isTransition(slots);
 
-let __mergeInputInMapOfArrays = function (inputs, formConfigInputs) {
-  for (let dataType in formConfigInputs) {
-    let foundInputs = inputs[dataType];
+    var _computeChildrenAndOf = computeChildrenAndOffsets(slots, this.$slots, this.$scopedSlots),
+        children = _computeChildrenAndOf.children,
+        headerOffset = _computeChildrenAndOf.headerOffset,
+        footerOffset = _computeChildrenAndOf.footerOffset;
 
-    if (foundInputs) {
-      __mergeInputsInArray(foundInputs, formConfigInputs[dataType]);
-    } else {
-      inputs[dataType] = formConfigInputs[dataType];
+    this.headerOffset = headerOffset;
+    this.footerOffset = footerOffset;
+    var attributes = getComponentAttributes(this.$attrs, this.componentData);
+    return h(this.getTag(), attributes, children);
+  },
+  created: function created() {
+    if (this.list !== null && this.value !== null) {
+      helper["b" /* console */].error("Value and list props are mutually exclusive! Please set one or another.");
     }
-  }
-};
-
-let __mergeInputsInMap = function (inputs, formConfigInputs) {
-  for (let name in formConfigInputs) {
-    inputs[name] = __assign(inputs[name] ? inputs[name] : {}, formConfigInputs[name] ? formConfigInputs[name] : {});
-  }
-};
 
-let __mergeInputsInArray = function (inputs, formConfigInputs) {
-  formConfigInputs.forEach(input => {
-    let index = inputs.findIndex(item => item.name === input.name);
+    if (this.element !== "div") {
+      helper["b" /* console */].warn("Element props is deprecated please use tag props instead. See https://github.com/SortableJS/Vue.Draggable/blob/master/documentation/migrate.md#element-props");
+    }
 
-    if (index >= 0) {
-      inputs[index] = input;
-    } else {
-      inputs.push(input);
+    if (this.options !== undefined) {
+      helper["b" /* console */].warn("Options props is deprecated, add sortable options directly as vue.draggable item, or use v-bind. See https://github.com/SortableJS/Vue.Draggable/blob/master/documentation/migrate.md#options-props");
     }
-  });
-};
+  },
+  mounted: function mounted() {
+    var _this3 = this;
 
-let __applyDefaultProps = function (input) {
-  for (let propName in input.props) {
-    input.propsData[propName] = input.props[propName].default;
-  }
-};
+    this.noneFunctionalComponentMode = this.getTag().toLowerCase() !== this.$el.nodeName.toLowerCase() && !this.getIsFunctional();
 
-let __applyRefProps = function (input, refConfig) {
-  if (refConfig !== null && refConfig !== void 0 && refConfig.propsData) {
-    for (let propName in refConfig.propsData) {
-      input.propsData[propName] = refConfig.propsData[propName];
+    if (this.noneFunctionalComponentMode && this.transitionMode) {
+      throw new Error("Transition-group inside component is not supported. Please alter tag value or remove transition-group. Current tag value: ".concat(this.getTag()));
     }
-  }
-};
 
-let fcInputs = {
-  text: {
-    text: 'Текст',
-    name: 'text',
-    type: 'b-form-input',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: null,
-        label: 'Надпись внутри',
-        visible: true
-      },
-      type: {
-        type: 'string',
-        default: 'text',
-        label: 'Тип данных',
-        visible: false
+    var optionsAdded = {};
+    eventsListened.forEach(function (elt) {
+      optionsAdded["on" + elt] = delegateAndEmit.call(_this3, elt);
+    });
+    eventsToEmit.forEach(function (elt) {
+      optionsAdded["on" + elt] = emit.bind(_this3, elt);
+    });
+    var attributes = Object.keys(this.$attrs).reduce(function (res, key) {
+      res[Object(helper["a" /* camelize */])(key)] = _this3.$attrs[key];
+      return res;
+    }, {});
+    var options = Object.assign({}, this.options, attributes, optionsAdded, {
+      onMove: function onMove(evt, originalEvent) {
+        return _this3.onDragMove(evt, originalEvent);
       }
+    });
+    !("draggable" in options) && (options.draggable = ">*");
+    this._sortable = new external_commonjs_sortablejs_commonjs2_sortablejs_amd_sortablejs_root_Sortable_default.a(this.rootContainer, options);
+    this.computeIndexes();
+  },
+  beforeDestroy: function beforeDestroy() {
+    if (this._sortable !== undefined) this._sortable.destroy();
+  },
+  computed: {
+    rootContainer: function rootContainer() {
+      return this.transitionMode ? this.$el.children[0] : this.$el;
     },
-    propsData: {},
-    defaultValue: null
+    realList: function realList() {
+      return this.list ? this.list : this.value;
+    }
   },
-  number: {
-    text: 'Число',
-    name: 'number',
-    type: 'b-form-input',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: null,
-        label: 'Надпись внутри',
-        visible: true
+  watch: {
+    options: {
+      handler: function handler(newOptionValue) {
+        this.updateOptions(newOptionValue);
       },
-      type: {
-        type: 'string',
-        default: 'number',
-        label: 'Тип данных',
-        visible: false
-      }
+      deep: true
     },
-    propsData: {},
-    defaultValue: null
+    $attrs: {
+      handler: function handler(newOptionValue) {
+        this.updateOptions(newOptionValue);
+      },
+      deep: true
+    },
+    realList: function realList() {
+      this.computeIndexes();
+    }
   },
-  memo: {
-    text: 'Большой текст',
-    name: 'memo',
-    type: 'b-form-textarea',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: null,
-        label: 'Надпись внутри',
-        visible: true
+  methods: {
+    getIsFunctional: function getIsFunctional() {
+      var fnOptions = this._vnode.fnOptions;
+      return fnOptions && fnOptions.functional;
+    },
+    getTag: function getTag() {
+      return this.tag || this.element;
+    },
+    updateOptions: function updateOptions(newOptionValue) {
+      for (var property in newOptionValue) {
+        var value = Object(helper["a" /* camelize */])(property);
+
+        if (readonlyProperties.indexOf(value) === -1) {
+          this._sortable.option(value, newOptionValue[property]);
+        }
       }
     },
-    propsData: {},
-    defaultValue: null
-  },
-  date: {
-    text: 'Дата',
-    name: 'date',
-    type: 'rb-date-picker-input',
-    props: {},
-    propsData: {},
-    defaultValue: null
-  },
-  phone: {
-    text: 'Телефон',
-    name: 'phone',
-    type: 'rb-phone-input',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: 'Телефон',
-        label: 'Надпись внутри',
-        visible: true
+    getChildrenNodes: function getChildrenNodes() {
+      if (this.noneFunctionalComponentMode) {
+        return this.$children[0].$slots.default;
       }
+
+      var rawNodes = this.$slots.default;
+      return this.transitionMode ? rawNodes[0].child.$slots.default : rawNodes;
     },
-    propsData: {},
-    defaultValue: null
-  }
-};
-let fcPrimitiveInputs = {
-  text: [__clone(fcInputs.text), __clone(fcInputs.number), __clone(fcInputs.memo), __clone(fcInputs.phone)],
-  memo: [__clone(fcInputs.memo), __clone(fcInputs.text)],
-  number: [__clone(fcInputs.text), __clone(fcInputs.number)],
-  date: [__clone(fcInputs.date)]
-};
-let fcDictInputs = [];
-let fcRefInputs = {};
-let fcRefInputConfigs = {};
-let baseConfig = {
-  inputs: __clone(fcInputs),
-  primitiveInputs: __clone(fcPrimitiveInputs),
-  dictInputs: __clone(fcDictInputs),
-  refInputs: __clone(fcRefInputs),
-  refInputConfigs: __clone(fcRefInputConfigs),
-  rules: [],
-  icons: {
-    iconExpandFacet: 'icon-chevron-up',
-    iconCollapseFacet: 'icon-chevron-down',
-    iconCloseFieldSidebar: 'icon-chevron-right',
-    iconOpenFieldSidebar: 'icon-chevron-left',
-    iconAdd: 'icon-add',
-    iconEdit: 'icon-edit',
-    iconDelete: 'icon-delete',
-    iconDrag: 'icon-reorder'
-  },
-  ruleContext: {}
-};
-const UtFormConstructor = {
-  config: {},
+    computeIndexes: function computeIndexes() {
+      var _this4 = this;
 
-  init(formConfig) {
-    this.config = __clone(baseConfig);
+      this.$nextTick(function () {
+        _this4.visibleIndexes = _computeIndexes(_this4.getChildrenNodes(), _this4.rootContainer.children, _this4.transitionMode, _this4.footerOffset);
+      });
+    },
+    getUnderlyingVm: function getUnderlyingVm(htmlElt) {
+      var index = computeVmIndex(this.getChildrenNodes() || [], htmlElt);
 
-    if (formConfig) {
-      if (formConfig.inputs) {
-        __mergeInputsInMap(this.config.inputs, formConfig.inputs);
+      if (index === -1) {
+        //Edge case during move callback: related element might be
+        //an element different from collection
+        return null;
       }
 
-      if (formConfig.primitiveInputs) {
-        __mergeInputInMapOfArrays(this.config.primitiveInputs, formConfig.primitiveInputs);
+      var element = this.realList[index];
+      return {
+        index: index,
+        element: element
+      };
+    },
+    getUnderlyingPotencialDraggableComponent: function getUnderlyingPotencialDraggableComponent(_ref) {
+      var vue = _ref.__vue__;
+
+      if (!vue || !vue.$options || !isTransitionName(vue.$options._componentTag)) {
+        if (!("realList" in vue) && vue.$children.length === 1 && "realList" in vue.$children[0]) return vue.$children[0];
+        return vue;
       }
 
-      if (formConfig.dictInputs) {
-        __mergeInputsInArray(this.config.dictInputs, formConfig.dictInputs);
-      }
+      return vue.$parent;
+    },
+    emitChanges: function emitChanges(evt) {
+      var _this5 = this;
 
-      if (formConfig.refInputs) {
-        __mergeInputInMapOfArrays(this.config.refInputs, formConfig.refInputs);
+      this.$nextTick(function () {
+        _this5.$emit("change", evt);
+      });
+    },
+    alterList: function alterList(onList) {
+      if (this.list) {
+        onList(this.list);
+        return;
       }
 
-      if (formConfig.refInputConfigs) {
-        this.config.refInputConfigs = formConfig.refInputConfigs;
-      }
+      var newList = _toConsumableArray(this.value);
 
-      if (formConfig.icons) {
-        this.config.icons = __assign(this.config.icons, formConfig.icons);
-      }
+      onList(newList);
+      this.$emit("input", newList);
+    },
+    spliceList: function spliceList() {
+      var _arguments = arguments;
 
-      if (formConfig.rules) {
-        this.config.rules = formConfig.rules;
-      }
+      var spliceList = function spliceList(list) {
+        return list.splice.apply(list, _toConsumableArray(_arguments));
+      };
 
-      if (formConfig.ruleContext) {
-        this.config.ruleContext = formConfig.ruleContext;
-      }
-    }
-  },
+      this.alterList(spliceList);
+    },
+    updatePosition: function updatePosition(oldIndex, newIndex) {
+      var updatePosition = function updatePosition(list) {
+        return list.splice(newIndex, 0, list.splice(oldIndex, 1)[0]);
+      };
 
-  getInputTypes(field) {
-    if (!field) {
-      return [];
-    }
+      this.alterList(updatePosition);
+    },
+    getRelatedContextFromMoveEvent: function getRelatedContextFromMoveEvent(_ref2) {
+      var to = _ref2.to,
+          related = _ref2.related;
+      var component = this.getUnderlyingPotencialDraggableComponent(to);
 
-    if (field.dict && !this.config.refInputs[field.ref]) {
-      return this.config.dictInputs;
-    }
+      if (!component) {
+        return {
+          component: component
+        };
+      }
 
-    if (field.ref) {
-      return this.config.refInputs[field.ref];
-    }
+      var list = component.realList;
+      var context = {
+        list: list,
+        component: component
+      };
 
-    return this.config.primitiveInputs[field.type];
-  },
+      if (to !== related && list && component.getUnderlyingVm) {
+        var destination = component.getUnderlyingVm(related);
 
-  getDefaultInput(field) {
-    let input = null;
+        if (destination) {
+          return Object.assign(destination, context);
+        }
+      }
 
-    if (field.ref && this.config.refInputs[field.ref]) {
-      input = __clone(this.config.refInputs[field.ref][0]);
+      return context;
+    },
+    getVmIndex: function getVmIndex(domIndex) {
+      var indexes = this.visibleIndexes;
+      var numberIndexes = indexes.length;
+      return domIndex > numberIndexes - 1 ? numberIndexes : indexes[domIndex];
+    },
+    getComponent: function getComponent() {
+      return this.$slots.default[0].componentInstance;
+    },
+    resetTransitionData: function resetTransitionData(index) {
+      if (!this.noTransitionOnDrag || !this.transitionMode) {
+        return;
+      }
 
-      __applyDefaultProps(input);
+      var nodes = this.getChildrenNodes();
+      nodes[index].data = null;
+      var transitionContainer = this.getComponent();
+      transitionContainer.children = [];
+      transitionContainer.kept = undefined;
+    },
+    onDragStart: function onDragStart(evt) {
+      this.context = this.getUnderlyingVm(evt.item);
+      evt.item._underlying_vm_ = this.clone(this.context.element);
+      draggingElement = evt.item;
+    },
+    onDragAdd: function onDragAdd(evt) {
+      var element = evt.item._underlying_vm_;
 
-      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
-        __applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
+      if (element === undefined) {
+        return;
       }
-    } else if (field.dict) {
-      input = __clone(this.config.dictInputs[0]);
-      input.props.dict.default = field.ref;
 
-      __applyDefaultProps(input);
-    } else {
-      input = __clone(this.config.primitiveInputs[field.type][0]);
+      Object(helper["d" /* removeNode */])(evt.item);
+      var newIndex = this.getVmIndex(evt.newIndex);
+      this.spliceList(newIndex, 0, element);
+      this.computeIndexes();
+      var added = {
+        element: element,
+        newIndex: newIndex
+      };
+      this.emitChanges({
+        added: added
+      });
+    },
+    onDragRemove: function onDragRemove(evt) {
+      Object(helper["c" /* insertNodeAt */])(this.rootContainer, evt.item, evt.oldIndex);
 
-      __applyDefaultProps(input);
-    }
+      if (evt.pullMode === "clone") {
+        Object(helper["d" /* removeNode */])(evt.clone);
+        return;
+      }
 
-    return input;
-  },
+      var oldIndex = this.context.index;
+      this.spliceList(oldIndex, 1);
+      var removed = {
+        element: this.context.element,
+        oldIndex: oldIndex
+      };
+      this.resetTransitionData(oldIndex);
+      this.emitChanges({
+        removed: removed
+      });
+    },
+    onDragUpdate: function onDragUpdate(evt) {
+      Object(helper["d" /* removeNode */])(evt.item);
+      Object(helper["c" /* insertNodeAt */])(evt.from, evt.item, evt.oldIndex);
+      var oldIndex = this.context.index;
+      var newIndex = this.getVmIndex(evt.newIndex);
+      this.updatePosition(oldIndex, newIndex);
+      var moved = {
+        element: this.context.element,
+        oldIndex: oldIndex,
+        newIndex: newIndex
+      };
+      this.emitChanges({
+        moved: moved
+      });
+    },
+    updateProperty: function updateProperty(evt, propertyName) {
+      evt.hasOwnProperty(propertyName) && (evt[propertyName] += this.headerOffset);
+    },
+    computeFutureIndex: function computeFutureIndex(relatedContext, evt) {
+      if (!relatedContext.element) {
+        return 0;
+      }
 
-  getInputTypeByName(name, field) {
-    let input = JSON.parse(JSON.stringify(this.config.inputs[name]));
+      var domChildren = _toConsumableArray(evt.to.children).filter(function (el) {
+        return el.style["display"] !== "none";
+      });
 
-    if (field.ref && this.config.refInputs[field.ref]) {
-      __applyDefaultProps(input);
+      var currentDOMIndex = domChildren.indexOf(evt.related);
+      var currentIndex = relatedContext.component.getVmIndex(currentDOMIndex);
+      var draggedInList = domChildren.indexOf(draggingElement) !== -1;
+      return draggedInList || !evt.willInsertAfter ? currentIndex : currentIndex + 1;
+    },
+    onDragMove: function onDragMove(evt, originalEvent) {
+      var onMove = this.move;
 
-      if (this.config.refInputConfigs[field.ref] && this.config.refInputConfigs[field.ref][input.name]) {
-        __applyRefProps(input, this.config.refInputConfigs[field.ref][input.name]);
+      if (!onMove || !this.realList) {
+        return true;
       }
-    } else if (field.dict) {
-      input.props.dict.default = field.ref;
 
-      __applyDefaultProps(input);
-    } else {
-      __applyDefaultProps(input);
+      var relatedContext = this.getRelatedContextFromMoveEvent(evt);
+      var draggedContext = this.context;
+      var futureIndex = this.computeFutureIndex(relatedContext, evt);
+      Object.assign(draggedContext, {
+        futureIndex: futureIndex
+      });
+      var sendEvt = Object.assign({}, evt, {
+        relatedContext: relatedContext,
+        draggedContext: draggedContext
+      });
+      return onMove(sendEvt, originalEvent);
+    },
+    onDragEnd: function onDragEnd() {
+      this.computeIndexes();
+      draggingElement = null;
     }
+  }
+};
 
-    input.propsData['ref'] = field.name;
-    return input;
-  },
+if (typeof window !== "undefined" && "Vue" in window) {
+  window.Vue.component("draggable", draggableComponent);
+}
 
-  getAvailableFieldRules(field) {
-    return this.config.rules.filter(rule => {
-      return !rule.fields || rule.fields.length === 0 || rule.fields.indexOf(field.name) >= 0;
-    });
-  },
+/* harmony default export */ var vuedraggable = (draggableComponent);
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 
-  getRuleContext() {
-    return this.config.ruleContext;
-  },
 
-  runRule(context, script) {
-    let appendScript = `
-            var doc = this.form.doc;
-            var form = this.form;
-            var event = this.event;
-            var eventName = this.eventName;
-            
-        `;
+/* harmony default export */ __webpack_exports__["default"] = (vuedraggable);
 
-    let func = function (script) {
-      return eval(script);
-    };
 
-    func.call(context, appendScript + script);
-  }
 
-};
+/***/ })
+
+/******/ })["default"];
+});
+
+});
 
 //
 var script$4 = {
@@ -7744,6 +7744,7 @@ var DocForm = __vue_component__;
 var components = /*#__PURE__*/Object.freeze({
     __proto__: null,
     UtFormConfig: UtFormConfig,
+    UtFormConstructor: UtFormConstructor,
     DocTemplateSectionModal: DocTemplateSectionModal,
     DocTemplateFacetList: DocTemplateFacetList,
     DocTemplateFieldSidebar: DocTemplateFieldSidebar,
@@ -7760,4 +7761,4 @@ const install = function installRbDocumentFormConstructor(Vue) {
   });
 }; // Create module definition for Vue.use()
 
-export { DocForm, __vue_component__$2 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, UtFormConfig, install as default };
+export { DocForm, __vue_component__$2 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, UtFormConfig, UtFormConstructor, install as default };