rb-document-form-constructor 0.1.6 → 0.2.0

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);
+  }
+
+};
+
 //
 //
 //
@@ -5074,935 +5377,632 @@ function _iterableToArrayLimit(arr, i) {
   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
-
-
-
-
-
-
-
-
-
-
-
-
-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 [];
-  }
-
-  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;
-}
-
-function emit(evtName, evtData) {
-  var _this = this;
-
-  this.$nextTick(function () {
-    return _this.$emit(evtName.toLowerCase(), evtData);
-  });
-}
-
-function delegateAndEmit(evtName) {
-  var _this2 = this;
-
-  return function (evtData) {
-    if (_this2.realList !== null) {
-      _this2["onDrag" + evtName](evtData);
-    }
-
-    emit.call(_this2, evtName, evtData);
-  };
-}
-
-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;
-
-  if (!componentOptions) {
-    return false;
-  }
-
-  return isTransitionName(componentOptions.tag);
-}
-
-function getSlot(slot, scopedSlot, key) {
-  return slot[key] || (scopedSlot[key] ? scopedSlot[key]() : undefined);
-}
+  var _e = undefined;
 
-function computeChildrenAndOffsets(children, slot, scopedSlot) {
-  var headerOffset = 0;
-  var footerOffset = 0;
-  var header = getSlot(slot, scopedSlot, "header");
+  try {
+    for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) {
+      _arr.push(_s.value);
 
-  if (header) {
-    headerOffset = header.length;
-    children = children ? [].concat(_toConsumableArray(header), _toConsumableArray(children)) : _toConsumableArray(header);
+      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;
+    }
   }
 
-  var footer = getSlot(slot, scopedSlot, "footer");
+  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;
 
-  if (footer) {
-    footerOffset = footer.length;
-    children = children ? [].concat(_toConsumableArray(children), _toConsumableArray(footer)) : _toConsumableArray(footer);
+  for (var i = 0, arr2 = new Array(len); i < len; i++) {
+    arr2[i] = arr[i];
   }
 
-  return {
-    children: children,
-    headerOffset: headerOffset,
-    footerOffset: footerOffset
-  };
+  return arr2;
 }
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
 
-function getComponentAttributes($attrs, componentData) {
-  var attributes = null;
-
-  var update = function update(name, value) {
-    attributes = buildAttribute(attributes, name, value);
-  };
-
-  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;
+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
 
-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);
 
-    var _computeChildrenAndOf = computeChildrenAndOffsets(slots, this.$slots, this.$scopedSlots),
-        children = _computeChildrenAndOf.children,
-        headerOffset = _computeChildrenAndOf.headerOffset,
-        footerOffset = _computeChildrenAndOf.footerOffset;
 
-    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.");
-    }
 
-    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 _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 (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;
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es6.string.includes.js
+__webpack_require__("2fdb");
 
-    this.noneFunctionalComponentMode = this.getTag().toLowerCase() !== this.$el.nodeName.toLowerCase() && !this.getIsFunctional();
+// CONCATENATED MODULE: ./node_modules/@babel/runtime/helpers/esm/arrayWithoutHoles.js
 
-    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()));
-    }
+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
 
-    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);
 
-        if (readonlyProperties.indexOf(value) === -1) {
-          this._sortable.option(value, newOptionValue[property]);
-        }
-      }
-    },
-    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;
-    },
-    computeIndexes: function computeIndexes() {
-      var _this4 = this;
 
-      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 _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_);
 
-      if (index === -1) {
-        //Edge case during move callback: related element might be
-        //an element different from collection
-        return null;
-      }
+// EXTERNAL MODULE: ./src/util/helper.js
+var helper = __webpack_require__("c649");
 
-      var element = this.realList[index];
-      return {
-        index: index,
-        element: element
-      };
-    },
-    getUnderlyingPotencialDraggableComponent: function getUnderlyingPotencialDraggableComponent(_ref) {
-      var vue = _ref.__vue__;
+// CONCATENATED MODULE: ./src/vuedraggable.js
 
-      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;
 
-      this.$nextTick(function () {
-        _this5.$emit("change", evt);
-      });
-    },
-    alterList: function alterList(onList) {
-      if (this.list) {
-        onList(this.list);
-        return;
-      }
 
-      var newList = _toConsumableArray(this.value);
 
-      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);
-        }
-      }
+function buildAttribute(object, propName, value) {
+  if (value === undefined) {
+    return object;
+  }
 
-      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;
-      }
+  object = object || {};
+  object[propName] = value;
+  return object;
+}
 
-      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_;
+function computeVmIndex(vnodes, element) {
+  return vnodes.map(function (elt) {
+    return elt.elm;
+  }).indexOf(element);
+}
 
-      if (element === undefined) {
-        return;
-      }
+function _computeIndexes(slots, children, isTransition, footerOffset) {
+  if (!slots) {
+    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);
+  var elmFromNodes = slots.map(function (elt) {
+    return elt.elm;
+  });
+  var footerIndex = children.length - footerOffset;
 
-      if (evt.pullMode === "clone") {
-        Object(helper["d" /* removeNode */])(evt.clone);
-        return;
-      }
+  var rawIndexes = _toConsumableArray(children).map(function (elt, idx) {
+    return idx >= footerIndex ? elmFromNodes.length : elmFromNodes.indexOf(elt);
+  });
 
-      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;
-      }
+  return isTransition ? rawIndexes.filter(function (ind) {
+    return ind !== -1;
+  }) : rawIndexes;
+}
 
-      var domChildren = _toConsumableArray(evt.to.children).filter(function (el) {
-        return el.style["display"] !== "none";
-      });
+function emit(evtName, evtData) {
+  var _this = this;
 
-      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;
+  this.$nextTick(function () {
+    return _this.$emit(evtName.toLowerCase(), evtData);
+  });
+}
 
-      if (!onMove || !this.realList) {
-        return true;
-      }
+function delegateAndEmit(evtName) {
+  var _this2 = this;
 
-      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;
+  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;
+  }
 
-/* harmony default export */ __webpack_exports__["default"] = (vuedraggable);
+  var _slots = _slicedToArray(slots, 1),
+      componentOptions = _slots[0].componentOptions;
 
+  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);
 
-let __mergeInputInMapOfArrays = function (inputs, formConfigInputs) {
-  for (let dataType in formConfigInputs) {
-    let foundInputs = inputs[dataType];
+  if (!componentData) {
+    return attributes;
+  }
 
-    if (foundInputs) {
-      __mergeInputsInArray(foundInputs, formConfigInputs[dataType]);
-    } else {
-      inputs[dataType] = formConfigInputs[dataType];
+  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 __mergeInputsInMap = function (inputs, formConfigInputs) {
-  for (let name in formConfigInputs) {
-    inputs[name] = __assign(inputs[name] ? inputs[name] : {}, formConfigInputs[name] ? formConfigInputs[name] : {});
-  }
-};
+    var _computeChildrenAndOf = computeChildrenAndOffsets(slots, this.$slots, this.$scopedSlots),
+        children = _computeChildrenAndOf.children,
+        headerOffset = _computeChildrenAndOf.headerOffset,
+        footerOffset = _computeChildrenAndOf.footerOffset;
 
-let __mergeInputsInArray = function (inputs, formConfigInputs) {
-  formConfigInputs.forEach(input => {
-    let index = inputs.findIndex(item => item.name === input.name);
+    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.");
+    }
 
-    if (index >= 0) {
-      inputs[index] = input;
-    } else {
-      inputs.push(input);
+    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");
     }
-  });
-};
 
-let __applyDefaultProps = function (input) {
-  for (let propName in input.props) {
-    input.propsData[propName] = input.props[propName].default;
-  }
-};
+    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 __applyRefProps = function (input, refConfig) {
-  if (refConfig !== null && refConfig !== void 0 && refConfig.propsData) {
-    for (let propName in refConfig.propsData) {
-      input.propsData[propName] = refConfig.propsData[propName];
+    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()));
     }
-  }
-};
 
-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
+    },
+    $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;
     },
-    propsData: {},
-    defaultValue: null
-  },
-  memo: {
-    text: 'Большой текст',
-    name: 'memo',
-    type: 'b-form-textarea',
-    props: {
-      placeholder: {
-        type: 'string',
-        default: null,
-        label: 'Надпись внутри',
-        visible: true
+    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;
+
+      this.$nextTick(function () {
+        _this5.$emit("change", evt);
+      });
+    },
+    alterList: function alterList(onList) {
+      if (this.list) {
+        onList(this.list);
+        return;
       }
 
-      if (formConfig.refInputs) {
-        __mergeInputInMapOfArrays(this.config.refInputs, formConfig.refInputs);
+      var newList = _toConsumableArray(this.value);
+
+      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
+        };
       }
 
-      if (formConfig.refInputConfigs) {
-        this.config.refInputConfigs = formConfig.refInputConfigs;
+      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);
+        }
       }
 
-      if (formConfig.icons) {
-        this.config.icons = __assign(this.config.icons, formConfig.icons);
+      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;
       }
 
-      if (formConfig.rules) {
-        this.config.rules = formConfig.rules;
+      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;
       }
 
-      if (formConfig.ruleContext) {
-        this.config.ruleContext = formConfig.ruleContext;
+      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);
+
+      if (evt.pullMode === "clone") {
+        Object(helper["d" /* removeNode */])(evt.clone);
+        return;
+      }
+
+      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;
       }
-    }
-  },
-
-  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]);
+      var domChildren = _toConsumableArray(evt.to.children).filter(function (el) {
+        return el.style["display"] !== "none";
+      });
 
-      __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 = __clone(this.config.dictInputs[0]);
-      input.props.dict.default = field.ref;
-
-      __applyDefaultProps(input);
-    } else {
-      input = __clone(this.config.primitiveInputs[field.type][0]);
 
-      __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;
     }
+  }
+};
 
-    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;
+if (typeof window !== "undefined" && "Vue" in window) {
+  window.Vue.component("draggable", draggableComponent);
+}
 
-      __applyDefaultProps(input);
-    } else {
-      __applyDefaultProps(input);
-    }
+/* harmony default export */ var vuedraggable = (draggableComponent);
+// CONCATENATED MODULE: ./node_modules/@vue/cli-service/lib/commands/build/entry-lib.js
 
-    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;
-    });
-  },
+/* harmony default export */ __webpack_exports__["default"] = (vuedraggable);
 
-  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);
-  }
+/******/ })["default"];
+});
 
-};
+});
 
 //
 var script$4 = {
@@ -6230,44 +6230,187 @@ for (let i = 0; i < 256; ++i) {
   byteToHex.push((i + 0x100).toString(16).substr(1));
 }
 
-function stringify(arr, offset = 0) {
-  // Note: Be careful editing this code!  It's been tuned for performance
-  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
-  const uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
-  // of the following:
-  // - One or more input array values don't map to a hex octet (leading to
-  // "undefined" in the uuid)
-  // - Invalid input values for the RFC `version` or `variant` fields
+function stringify(arr, offset = 0) {
+  // Note: Be careful editing this code!  It's been tuned for performance
+  // and works in ways you may not expect. See https://github.com/uuidjs/uuid/pull/434
+  const uuid = (byteToHex[arr[offset + 0]] + byteToHex[arr[offset + 1]] + byteToHex[arr[offset + 2]] + byteToHex[arr[offset + 3]] + '-' + byteToHex[arr[offset + 4]] + byteToHex[arr[offset + 5]] + '-' + byteToHex[arr[offset + 6]] + byteToHex[arr[offset + 7]] + '-' + byteToHex[arr[offset + 8]] + byteToHex[arr[offset + 9]] + '-' + byteToHex[arr[offset + 10]] + byteToHex[arr[offset + 11]] + byteToHex[arr[offset + 12]] + byteToHex[arr[offset + 13]] + byteToHex[arr[offset + 14]] + byteToHex[arr[offset + 15]]).toLowerCase(); // Consistency check for valid UUID.  If this throws, it's likely due to one
+  // of the following:
+  // - One or more input array values don't map to a hex octet (leading to
+  // "undefined" in the uuid)
+  // - Invalid input values for the RFC `version` or `variant` fields
+
+  if (!validate(uuid)) {
+    throw TypeError('Stringified UUID is invalid');
+  }
+
+  return uuid;
+}
+
+function v4(options, buf, offset) {
+  options = options || {};
+  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+
+  rnds[6] = rnds[6] & 0x0f | 0x40;
+  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+
+  if (buf) {
+    offset = offset || 0;
+
+    for (let i = 0; i < 16; ++i) {
+      buf[offset + i] = rnds[i];
+    }
+
+    return buf;
+  }
+
+  return stringify(rnds);
+}
+
+//
+var script$3 = {
+  name: 'DocForm',
+  props: {
+    formConfig: Object,
+    applyDefaultValues: {
+      type: Boolean,
+      default: true
+    },
+    doc: {
+      type: Object,
+      default: () => ({})
+    },
+    validationState: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  methods: {
+    onEventFired(eventName, event, field) {
+      if (field.rules) {
+        field.rules.forEach(rule => {
+          if (rule.event === eventName && rule.script) {
+            let ruleContext = UtFormConstructor.getRuleContext();
+            ruleContext.form = this;
+            ruleContext.event = event;
+            ruleContext.eventName = eventName;
+            UtFormConstructor.runRule(ruleContext, rule.script);
+          }
+        });
+      }
+    }
+
+  },
+
+  created() {
+    if (this.applyDefaultValues) {
+      this.formConfig.sections.forEach(r => {
+        r.columns.forEach(c => {
+          c.fields.forEach(f => {
+            this.$set(this.doc, f.name, f.defaultValue == null ? null : f.defaultValue);
+          });
+        });
+      });
+    }
+  }
+
+};
+
+/* script */
+const __vue_script__$3 = script$3;
+/* template */
+
+var __vue_render__$3 = function () {
+  var _vm = this;
+
+  var _h = _vm.$createElement;
+
+  var _c = _vm._self._c || _h;
+
+  return _c('b-form', {
+    staticClass: "rb-doc-form"
+  }, _vm._l(_vm.formConfig.sections, function (section) {
+    return _c('div', {
+      key: section.labelRu,
+      staticClass: "rb-form-section"
+    }, [_c('h4', [_vm._v(_vm._s(section.labelRu))]), _vm._v(" "), _c('div', {
+      staticClass: "d-flex flex-row"
+    }, _vm._l(section.columns, function (column) {
+      return _c('div', {
+        key: column.index,
+        staticClass: "rb-form-column"
+      }, [_vm._l(column.fields, function (field) {
+        return [field.visible ? _c('b-form-row', {
+          key: field.name
+        }, [_c('b-col', {
+          attrs: {
+            "lg": "12"
+          }
+        }, [_c('b-form-group', {
+          ref: "inputContainer",
+          refInFor: true,
+          attrs: {
+            "label": field.labelRu
+          }
+        }, [_c(field.input.type, _vm._b({
+          ref: field.name,
+          refInFor: true,
+          tag: "component",
+          attrs: {
+            "disabled": !field.editable,
+            "state": _vm.validationState[field.name]
+          },
+          on: {
+            "input": function ($event) {
+              return _vm.onEventFired('input', $event, field);
+            },
+            "change": function ($event) {
+              return _vm.onEventFired('change', $event, field);
+            },
+            "click": function ($event) {
+              return _vm.onEventFired('click', $event, field);
+            }
+          },
+          model: {
+            value: _vm.doc[field.name],
+            callback: function ($$v) {
+              _vm.$set(_vm.doc, field.name, $$v);
+            },
+            expression: "doc[field.name]"
+          }
+        }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
+      })], 2);
+    }), 0)]);
+  }), 0);
+};
+
+var __vue_staticRenderFns__$3 = [];
+/* style */
 
-  if (!validate(uuid)) {
-    throw TypeError('Stringified UUID is invalid');
-  }
+const __vue_inject_styles__$3 = undefined;
+/* scoped */
 
-  return uuid;
-}
+const __vue_scope_id__$3 = undefined;
+/* module identifier */
 
-function v4(options, buf, offset) {
-  options = options || {};
-  const rnds = options.random || (options.rng || rng)(); // Per 4.4, set bits for version and `clock_seq_hi_and_reserved`
+const __vue_module_identifier__$3 = undefined;
+/* functional template */
 
-  rnds[6] = rnds[6] & 0x0f | 0x40;
-  rnds[8] = rnds[8] & 0x3f | 0x80; // Copy bytes to buffer, if provided
+const __vue_is_functional_template__$3 = false;
+/* style inject */
 
-  if (buf) {
-    offset = offset || 0;
+/* style inject SSR */
 
-    for (let i = 0; i < 16; ++i) {
-      buf[offset + i] = rnds[i];
-    }
+/* style inject shadow dom */
 
-    return buf;
-  }
+const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
+  render: __vue_render__$3,
+  staticRenderFns: __vue_staticRenderFns__$3
+}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
 
-  return stringify(rnds);
-}
+var DocForm = __vue_component__$4;
 
 //
-var script$3 = {
+var script$2 = {
   name: 'FieldRuleFormModal',
   components: {
     DocForm
@@ -6397,7 +6540,7 @@ var script$3 = {
 
     addCallInputFunction(field) {
       let r = this.innerRule;
-      let setVariableScript = `form.$refs['${field.name}'].Название функции();`;
+      let setVariableScript = `form.$refs['${field.name}'][0].Название функции();`;
       r.script = r.script ? r.script + setVariableScript : setVariableScript;
     },
 
@@ -6434,10 +6577,10 @@ var script$3 = {
 };
 
 /* script */
-const __vue_script__$3 = script$3;
+const __vue_script__$2 = script$2;
 /* template */
 
-var __vue_render__$3 = function () {
+var __vue_render__$2 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -6668,34 +6811,34 @@ var __vue_render__$3 = function () {
   })], 1) : _vm._e()], 1)], 1)], 1);
 };
 
-var __vue_staticRenderFns__$3 = [];
+var __vue_staticRenderFns__$2 = [];
 /* style */
 
-const __vue_inject_styles__$3 = undefined;
+const __vue_inject_styles__$2 = undefined;
 /* scoped */
 
-const __vue_scope_id__$3 = undefined;
+const __vue_scope_id__$2 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$3 = undefined;
+const __vue_module_identifier__$2 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$3 = false;
+const __vue_is_functional_template__$2 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$4 = /*#__PURE__*/normalizeComponent({
-  render: __vue_render__$3,
-  staticRenderFns: __vue_staticRenderFns__$3
-}, __vue_inject_styles__$3, __vue_script__$3, __vue_scope_id__$3, __vue_is_functional_template__$3, __vue_module_identifier__$3, false, undefined, undefined, undefined);
+const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
+  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, undefined, undefined, undefined);
 
-var FieldRuleFormModal = __vue_component__$4;
+var FieldRuleFormModal = __vue_component__$3;
 
 //
-var script$2 = {
+var script$1 = {
   name: 'DocTemplateFieldSidebar',
   components: {
     FieldRuleFormModal
@@ -6852,10 +6995,10 @@ var script$2 = {
 };
 
 /* script */
-const __vue_script__$2 = script$2;
+const __vue_script__$1 = script$1;
 /* template */
 
-var __vue_render__$2 = function () {
+var __vue_render__$1 = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7115,34 +7258,34 @@ var __vue_render__$2 = function () {
   })], 1);
 };
 
-var __vue_staticRenderFns__$2 = [];
+var __vue_staticRenderFns__$1 = [];
 /* style */
 
-const __vue_inject_styles__$2 = undefined;
+const __vue_inject_styles__$1 = undefined;
 /* scoped */
 
-const __vue_scope_id__$2 = undefined;
+const __vue_scope_id__$1 = undefined;
 /* module identifier */
 
-const __vue_module_identifier__$2 = undefined;
+const __vue_module_identifier__$1 = undefined;
 /* functional template */
 
-const __vue_is_functional_template__$2 = false;
+const __vue_is_functional_template__$1 = false;
 /* style inject */
 
 /* style inject SSR */
 
 /* style inject shadow dom */
 
-const __vue_component__$3 = /*#__PURE__*/normalizeComponent({
-  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, undefined, undefined, undefined);
+const __vue_component__$2 = /*#__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);
 
-var DocTemplateFieldSidebar = __vue_component__$3;
+var DocTemplateFieldSidebar = __vue_component__$2;
 
 //
-var script$1 = {
+var script = {
   name: 'DocTemplateConstructor',
   components: {
     DocTemplateFacetList,
@@ -7336,10 +7479,10 @@ var script$1 = {
 };
 
 /* script */
-const __vue_script__$1 = script$1;
+const __vue_script__ = script;
 /* template */
 
-var __vue_render__$1 = function () {
+var __vue_render__ = function () {
   var _vm = this;
 
   var _h = _vm.$createElement;
@@ -7570,149 +7713,6 @@ var __vue_render__$1 = function () {
   })], 1)], 1);
 };
 
-var __vue_staticRenderFns__$1 = [];
-/* 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);
-
-var __vue_component__$2 = __vue_component__$1;
-
-//
-var script = {
-  name: 'DocForm',
-  props: {
-    formConfig: Object,
-    applyDefaultValues: {
-      type: Boolean,
-      default: true
-    },
-    doc: {
-      type: Object,
-      default: () => ({})
-    },
-    validationState: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  methods: {
-    onEventFired(eventName, event, field) {
-      if (field.rules) {
-        field.rules.forEach(rule => {
-          if (rule.event === eventName && rule.script) {
-            let ruleContext = UtFormConstructor.getRuleContext();
-            ruleContext.form = this;
-            ruleContext.event = event;
-            ruleContext.eventName = eventName;
-            UtFormConstructor.runRule(ruleContext, rule.script);
-          }
-        });
-      }
-    }
-
-  },
-
-  created() {
-    if (this.applyDefaultValues) {
-      this.formConfig.sections.forEach(r => {
-        r.columns.forEach(c => {
-          c.fields.forEach(f => {
-            this.$set(this.doc, f.name, f.defaultValue == null ? null : f.defaultValue);
-          });
-        });
-      });
-    }
-  }
-
-};
-
-/* script */
-const __vue_script__ = script;
-/* template */
-
-var __vue_render__ = function () {
-  var _vm = this;
-
-  var _h = _vm.$createElement;
-
-  var _c = _vm._self._c || _h;
-
-  return _c('b-form', {
-    staticClass: "rb-doc-form"
-  }, _vm._l(_vm.formConfig.sections, function (section) {
-    return _c('div', {
-      key: section.labelRu,
-      staticClass: "rb-form-section"
-    }, [_c('h4', [_vm._v(_vm._s(section.labelRu))]), _vm._v(" "), _c('div', {
-      staticClass: "d-flex flex-row"
-    }, _vm._l(section.columns, function (column) {
-      return _c('div', {
-        key: column.index,
-        staticClass: "rb-form-column"
-      }, [_vm._l(column.fields, function (field) {
-        return [field.visible ? _c('b-form-row', {
-          key: field.name
-        }, [_c('b-col', {
-          attrs: {
-            "lg": "12"
-          }
-        }, [_c('b-form-group', {
-          ref: "inputContainer",
-          refInFor: true,
-          attrs: {
-            "label": field.labelRu
-          }
-        }, [_c(field.input.type, _vm._b({
-          ref: field.name,
-          refInFor: true,
-          tag: "component",
-          attrs: {
-            "disabled": !field.editable,
-            "state": _vm.validationState[field.name]
-          },
-          on: {
-            "input": function ($event) {
-              return _vm.onEventFired('input', $event, field);
-            },
-            "change": function ($event) {
-              return _vm.onEventFired('change', $event, field);
-            },
-            "click": function ($event) {
-              return _vm.onEventFired('click', $event, field);
-            }
-          },
-          model: {
-            value: _vm.doc[field.name],
-            callback: function ($$v) {
-              _vm.$set(_vm.doc, field.name, $$v);
-            },
-            expression: "doc[field.name]"
-          }
-        }, 'component', field.input.propsData, false))], 1)], 1)], 1) : _vm._e()];
-      })], 2);
-    }), 0)]);
-  }), 0);
-};
-
 var __vue_staticRenderFns__ = [];
 /* style */
 
@@ -7737,17 +7737,19 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
   staticRenderFns: __vue_staticRenderFns__
 }, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
 
-var DocForm = __vue_component__;
+var __vue_component__$1 = __vue_component__;
 
 /* eslint-disable import/prefer-default-export */
 
 var components = /*#__PURE__*/Object.freeze({
     __proto__: null,
     UtFormConfig: UtFormConfig,
+    UtFormConstructor: UtFormConstructor,
     DocTemplateSectionModal: DocTemplateSectionModal,
     DocTemplateFacetList: DocTemplateFacetList,
     DocTemplateFieldSidebar: DocTemplateFieldSidebar,
-    DocTemplateConstructor: __vue_component__$2,
+    DocTemplateConstructor: __vue_component__$1,
+    FieldRuleFormModal: FieldRuleFormModal,
     DocForm: DocForm
 });
 
@@ -7760,4 +7762,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__$1 as DocTemplateConstructor, DocTemplateFacetList, DocTemplateFieldSidebar, DocTemplateSectionModal, FieldRuleFormModal, UtFormConfig, UtFormConstructor, install as default };