n8n-editor-ui 1.71.3 → 1.72.1

package/dist/assets/VirtualSchema-DFybirEh.js

@@ -1,1863 +0,0 @@
-import { d as defineComponent, d0 as useCssVars, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, n as normalizeClass, l as unref, fo as FontAwesomeIcon, f as createCommentVNode, jJ as TextWithHighlights, _ as _export_sfc, q as computed, I as withModifiers, dx as _sfc_main$3, k as createTextVNode, t as toDisplayString, e as createBlock, g as useI18n, cC as pushScopeId, cA as popScopeId, y as nextTick, dk as withScopeId, aq as h, cn as markRaw, cO as shallowReactive, m as resolveComponent, cI as resolveDirective, ay as withDirectives, s as renderSlot, w as withCtx, F as Fragment, A as renderList, aY as resolveDynamicComponent, aX as mergeProps, cV as toHandlers, B as normalizeStyle, aV as normalizeProps, aW as guardReactiveProps, bd as NodeConnectionType, at as useNDVStore, bk as useNodeTypesStore, T as useWorkflowsStore, jP as useFlattenSchema, bl as useNodeHelpers, r as ref, H as watch, eo as N8nText, jI as MappingPill, ed as Draggable, ht as useDataSchema, eI as executionDataToJson, aP as useExternalHooks, ak as useTelemetry } from "./index-D57HUAs6.js";
-const _hoisted_1$4 = { class: "toggle-container" };
-const _hoisted_2$3 = ["data-name", "data-path", "data-depth", "data-nest-level", "data-value", "data-node-type"];
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "VirtualSchemaItem",
-  props: {
-    title: {},
-    path: {},
-    level: {},
-    depth: {},
-    expression: {},
-    value: {},
-    id: {},
-    icon: {},
-    collapsable: { type: Boolean },
-    nodeType: {},
-    highlight: { type: Boolean },
-    draggable: { type: Boolean },
-    collapsed: { type: Boolean },
-    search: {}
-  },
-  emits: ["click"],
-  setup(__props, { emit: __emit }) {
-    useCssVars((_ctx) => ({
-      "386322a6": _ctx.level
-    }));
-    const props2 = __props;
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["schema-item", { draggable: _ctx.draggable }]),
-        "data-test-id": "run-data-schema-item"
-      }, [
-        createBaseVNode("div", _hoisted_1$4, [
-          _ctx.collapsable ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: "toggle",
-            onClick: _cache[0] || (_cache[0] = ($event) => emit("click"))
-          }, [
-            createVNode(unref(FontAwesomeIcon), {
-              icon: "angle-down",
-              class: normalizeClass({ "collapse-icon": true, collapsed: _ctx.collapsed })
-            }, null, 8, ["class"])
-          ])) : createCommentVNode("", true)
-        ]),
-        _ctx.title ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          "data-name": _ctx.title,
-          "data-path": _ctx.path,
-          "data-depth": _ctx.depth,
-          "data-nest-level": _ctx.level,
-          "data-value": _ctx.expression,
-          "data-node-type": _ctx.nodeType,
-          "data-target": "mappable",
-          class: normalizeClass(["pill", { "pill--highlight": _ctx.highlight }]),
-          "data-test-id": "run-data-schema-node-name"
-        }, [
-          createVNode(unref(FontAwesomeIcon), {
-            class: "type-icon",
-            icon: _ctx.icon,
-            size: "sm"
-          }, null, 8, ["icon"]),
-          createVNode(TextWithHighlights, {
-            class: "title",
-            content: _ctx.title,
-            search: props2.search
-          }, null, 8, ["content", "search"])
-        ], 10, _hoisted_2$3)) : createCommentVNode("", true),
-        createVNode(TextWithHighlights, {
-          "data-test-id": "run-data-schema-item-value",
-          class: "text",
-          content: _ctx.value,
-          search: props2.search
-        }, null, 8, ["content", "search"])
-      ], 2);
-    };
-  }
-});
-const VirtualSchemaItem = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__scopeId", "data-v-01d2c8ae"]]);
-const _hoisted_1$3 = {
-  class: "schema-header",
-  "data-test-id": "run-data-schema-header"
-};
-const _hoisted_2$2 = { class: "title" };
-const _hoisted_3 = {
-  key: 0,
-  class: "info"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "item-count",
-  "data-test-id": "run-data-schema-node-item-count"
-};
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "VirtualSchemaHeader",
-  props: {
-    title: {},
-    info: {},
-    collapsable: { type: Boolean },
-    collapsed: { type: Boolean },
-    nodeType: {},
-    itemCount: {}
-  },
-  emits: ["click:toggle"],
-  setup(__props, { emit: __emit }) {
-    const props2 = __props;
-    const i18n = useI18n();
-    const isTrigger = computed(() => props2.nodeType.group.includes("trigger"));
-    const emit = __emit;
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [
-        createBaseVNode("div", {
-          class: "toggle",
-          onClickCapture: _cache[0] || (_cache[0] = withModifiers(($event) => emit("click:toggle"), ["stop"]))
-        }, [
-          createVNode(unref(FontAwesomeIcon), {
-            icon: "angle-down",
-            class: normalizeClass({ "collapse-icon": true, collapsed: _ctx.collapsed })
-          }, null, 8, ["class"])
-        ], 32),
-        createVNode(_sfc_main$3, {
-          class: normalizeClass(["icon", { ["icon-trigger"]: isTrigger.value }]),
-          "node-type": _ctx.nodeType,
-          size: 12
-        }, null, 8, ["class", "node-type"]),
-        createBaseVNode("div", _hoisted_2$2, [
-          createTextVNode(toDisplayString(_ctx.title) + " ", 1),
-          _ctx.info ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(_ctx.info), 1)) : createCommentVNode("", true)
-        ]),
-        isTrigger.value ? (openBlock(), createBlock(unref(FontAwesomeIcon), {
-          key: 0,
-          class: "trigger-icon",
-          icon: "bolt",
-          size: "xs"
-        })) : createCommentVNode("", true),
-        _ctx.itemCount ? (openBlock(), createElementBlock("div", _hoisted_4, toDisplayString(unref(i18n).baseText("ndv.output.items", { interpolate: { count: _ctx.itemCount } })), 1)) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const VirtualSchemaHeader = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-1977e9a6"]]);
-function getInternetExplorerVersion() {
-  var ua = window.navigator.userAgent;
-  var msie = ua.indexOf("MSIE ");
-  if (msie > 0) {
-    return parseInt(ua.substring(msie + 5, ua.indexOf(".", msie)), 10);
-  }
-  var trident = ua.indexOf("Trident/");
-  if (trident > 0) {
-    var rv = ua.indexOf("rv:");
-    return parseInt(ua.substring(rv + 3, ua.indexOf(".", rv)), 10);
-  }
-  var edge = ua.indexOf("Edge/");
-  if (edge > 0) {
-    return parseInt(ua.substring(edge + 5, ua.indexOf(".", edge)), 10);
-  }
-  return -1;
-}
-let isIE;
-function initCompat() {
-  if (!initCompat.init) {
-    initCompat.init = true;
-    isIE = getInternetExplorerVersion() !== -1;
-  }
-}
-var script$3 = {
-  name: "ResizeObserver",
-  props: {
-    emitOnMount: {
-      type: Boolean,
-      default: false
-    },
-    ignoreWidth: {
-      type: Boolean,
-      default: false
-    },
-    ignoreHeight: {
-      type: Boolean,
-      default: false
-    }
-  },
-  emits: [
-    "notify"
-  ],
-  mounted() {
-    initCompat();
-    nextTick(() => {
-      this._w = this.$el.offsetWidth;
-      this._h = this.$el.offsetHeight;
-      if (this.emitOnMount) {
-        this.emitSize();
-      }
-    });
-    const object = document.createElement("object");
-    this._resizeObject = object;
-    object.setAttribute("aria-hidden", "true");
-    object.setAttribute("tabindex", -1);
-    object.onload = this.addResizeHandlers;
-    object.type = "text/html";
-    if (isIE) {
-      this.$el.appendChild(object);
-    }
-    object.data = "about:blank";
-    if (!isIE) {
-      this.$el.appendChild(object);
-    }
-  },
-  beforeUnmount() {
-    this.removeResizeHandlers();
-  },
-  methods: {
-    compareAndNotify() {
-      if (!this.ignoreWidth && this._w !== this.$el.offsetWidth || !this.ignoreHeight && this._h !== this.$el.offsetHeight) {
-        this._w = this.$el.offsetWidth;
-        this._h = this.$el.offsetHeight;
-        this.emitSize();
-      }
-    },
-    emitSize() {
-      this.$emit("notify", {
-        width: this._w,
-        height: this._h
-      });
-    },
-    addResizeHandlers() {
-      this._resizeObject.contentDocument.defaultView.addEventListener("resize", this.compareAndNotify);
-      this.compareAndNotify();
-    },
-    removeResizeHandlers() {
-      if (this._resizeObject && this._resizeObject.onload) {
-        if (!isIE && this._resizeObject.contentDocument) {
-          this._resizeObject.contentDocument.defaultView.removeEventListener("resize", this.compareAndNotify);
-        }
-        this.$el.removeChild(this._resizeObject);
-        this._resizeObject.onload = null;
-        this._resizeObject = null;
-      }
-    }
-  }
-};
-const _withId = /* @__PURE__ */ withScopeId();
-pushScopeId("data-v-b329ee4c");
-const _hoisted_1$2 = {
-  class: "resize-observer",
-  tabindex: "-1"
-};
-popScopeId();
-const render$2 = /* @__PURE__ */ _withId((_ctx, _cache, $props, $setup, $data, $options) => {
-  return openBlock(), createBlock("div", _hoisted_1$2);
-});
-script$3.render = render$2;
-script$3.__scopeId = "data-v-b329ee4c";
-script$3.__file = "src/components/ResizeObserver.vue";
-function _typeof$1(obj) {
-  "@babel/helpers - typeof";
-  if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-    _typeof$1 = function(obj2) {
-      return typeof obj2;
-    };
-  } else {
-    _typeof$1 = function(obj2) {
-      return obj2 && typeof Symbol === "function" && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-    };
-  }
-  return _typeof$1(obj);
-}
-function _classCallCheck(instance, Constructor) {
-  if (!(instance instanceof Constructor)) {
-    throw new TypeError("Cannot call a class as a function");
-  }
-}
-function _defineProperties(target, props2) {
-  for (var i = 0; i < props2.length; i++) {
-    var descriptor = props2[i];
-    descriptor.enumerable = descriptor.enumerable || false;
-    descriptor.configurable = true;
-    if ("value" in descriptor) descriptor.writable = true;
-    Object.defineProperty(target, descriptor.key, descriptor);
-  }
-}
-function _createClass(Constructor, protoProps, staticProps) {
-  if (protoProps) _defineProperties(Constructor.prototype, protoProps);
-  return Constructor;
-}
-function _toConsumableArray(arr) {
-  return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread();
-}
-function _arrayWithoutHoles(arr) {
-  if (Array.isArray(arr)) return _arrayLikeToArray(arr);
-}
-function _iterableToArray(iter) {
-  if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter);
-}
-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);
-}
-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;
-}
-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.");
-}
-function processOptions(value) {
-  var options;
-  if (typeof value === "function") {
-    options = {
-      callback: value
-    };
-  } else {
-    options = value;
-  }
-  return options;
-}
-function throttle(callback, delay) {
-  var options = arguments.length > 2 && arguments[2] !== void 0 ? arguments[2] : {};
-  var timeout;
-  var lastState;
-  var currentArgs;
-  var throttled = function throttled2(state) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    currentArgs = args;
-    if (timeout && state === lastState) return;
-    var leading = options.leading;
-    if (typeof leading === "function") {
-      leading = leading(state, lastState);
-    }
-    if ((!timeout || state !== lastState) && leading) {
-      callback.apply(void 0, [state].concat(_toConsumableArray(currentArgs)));
-    }
-    lastState = state;
-    clearTimeout(timeout);
-    timeout = setTimeout(function() {
-      callback.apply(void 0, [state].concat(_toConsumableArray(currentArgs)));
-      timeout = 0;
-    }, delay);
-  };
-  throttled._clear = function() {
-    clearTimeout(timeout);
-    timeout = null;
-  };
-  return throttled;
-}
-function deepEqual(val1, val2) {
-  if (val1 === val2) return true;
-  if (_typeof$1(val1) === "object") {
-    for (var key in val1) {
-      if (!deepEqual(val1[key], val2[key])) {
-        return false;
-      }
-    }
-    return true;
-  }
-  return false;
-}
-var VisibilityState = /* @__PURE__ */ function() {
-  function VisibilityState2(el, options, vnode) {
-    _classCallCheck(this, VisibilityState2);
-    this.el = el;
-    this.observer = null;
-    this.frozen = false;
-    this.createObserver(options, vnode);
-  }
-  _createClass(VisibilityState2, [{
-    key: "createObserver",
-    value: function createObserver(options, vnode) {
-      var _this = this;
-      if (this.observer) {
-        this.destroyObserver();
-      }
-      if (this.frozen) return;
-      this.options = processOptions(options);
-      this.callback = function(result, entry) {
-        _this.options.callback(result, entry);
-        if (result && _this.options.once) {
-          _this.frozen = true;
-          _this.destroyObserver();
-        }
-      };
-      if (this.callback && this.options.throttle) {
-        var _ref = this.options.throttleOptions || {}, _leading = _ref.leading;
-        this.callback = throttle(this.callback, this.options.throttle, {
-          leading: function leading(state) {
-            return _leading === "both" || _leading === "visible" && state || _leading === "hidden" && !state;
-          }
-        });
-      }
-      this.oldResult = void 0;
-      this.observer = new IntersectionObserver(function(entries) {
-        var entry = entries[0];
-        if (entries.length > 1) {
-          var intersectingEntry = entries.find(function(e) {
-            return e.isIntersecting;
-          });
-          if (intersectingEntry) {
-            entry = intersectingEntry;
-          }
-        }
-        if (_this.callback) {
-          var result = entry.isIntersecting && entry.intersectionRatio >= _this.threshold;
-          if (result === _this.oldResult) return;
-          _this.oldResult = result;
-          _this.callback(result, entry);
-        }
-      }, this.options.intersection);
-      nextTick(function() {
-        if (_this.observer) {
-          _this.observer.observe(_this.el);
-        }
-      });
-    }
-  }, {
-    key: "destroyObserver",
-    value: function destroyObserver() {
-      if (this.observer) {
-        this.observer.disconnect();
-        this.observer = null;
-      }
-      if (this.callback && this.callback._clear) {
-        this.callback._clear();
-        this.callback = null;
-      }
-    }
-  }, {
-    key: "threshold",
-    get: function get() {
-      return this.options.intersection && typeof this.options.intersection.threshold === "number" ? this.options.intersection.threshold : 0;
-    }
-  }]);
-  return VisibilityState2;
-}();
-function beforeMount(el, _ref2, vnode) {
-  var value = _ref2.value;
-  if (!value) return;
-  if (typeof IntersectionObserver === "undefined") {
-    console.warn("[vue-observe-visibility] IntersectionObserver API is not available in your browser. Please install this polyfill: https://github.com/w3c/IntersectionObserver/tree/master/polyfill");
-  } else {
-    var state = new VisibilityState(el, value, vnode);
-    el._vue_visibilityState = state;
-  }
-}
-function updated(el, _ref3, vnode) {
-  var value = _ref3.value, oldValue = _ref3.oldValue;
-  if (deepEqual(value, oldValue)) return;
-  var state = el._vue_visibilityState;
-  if (!value) {
-    unmounted(el);
-    return;
-  }
-  if (state) {
-    state.createObserver(value, vnode);
-  } else {
-    beforeMount(el, {
-      value
-    }, vnode);
-  }
-}
-function unmounted(el) {
-  var state = el._vue_visibilityState;
-  if (state) {
-    state.destroyObserver();
-    delete el._vue_visibilityState;
-  }
-}
-var ObserveVisibility = {
-  beforeMount,
-  updated,
-  unmounted
-};
-function mitt(n) {
-  return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
-    var i = n.get(t);
-    i && i.push(e) || n.set(t, [e]);
-  }, off: function(t, e) {
-    var i = n.get(t);
-    i && i.splice(i.indexOf(e) >>> 0, 1);
-  }, emit: function(t, e) {
-    (n.get(t) || []).slice().map(function(n2) {
-      n2(e);
-    }), (n.get("*") || []).slice().map(function(n2) {
-      n2(t, e);
-    });
-  } };
-}
-var config = {
-  itemsLimit: 1e3
-};
-var regex = /(auto|scroll)/;
-function parents(node, ps) {
-  if (node.parentNode === null) {
-    return ps;
-  }
-  return parents(node.parentNode, ps.concat([node]));
-}
-var style = function style2(node, prop) {
-  return getComputedStyle(node, null).getPropertyValue(prop);
-};
-var overflow = function overflow2(node) {
-  return style(node, "overflow") + style(node, "overflow-y") + style(node, "overflow-x");
-};
-var scroll = function scroll2(node) {
-  return regex.test(overflow(node));
-};
-function getScrollParent(node) {
-  if (!(node instanceof HTMLElement || node instanceof SVGElement)) {
-    return;
-  }
-  var ps = parents(node.parentNode, []);
-  for (var i = 0; i < ps.length; i += 1) {
-    if (scroll(ps[i])) {
-      return ps[i];
-    }
-  }
-  return document.scrollingElement || document.documentElement;
-}
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(obj2) {
-    return typeof obj2;
-  } : function(obj2) {
-    return obj2 && "function" == typeof Symbol && obj2.constructor === Symbol && obj2 !== Symbol.prototype ? "symbol" : typeof obj2;
-  }, _typeof(obj);
-}
-var props = {
-  items: {
-    type: Array,
-    required: true
-  },
-  keyField: {
-    type: String,
-    default: "id"
-  },
-  direction: {
-    type: String,
-    default: "vertical",
-    validator: function validator(value) {
-      return ["vertical", "horizontal"].includes(value);
-    }
-  },
-  listTag: {
-    type: String,
-    default: "div"
-  },
-  itemTag: {
-    type: String,
-    default: "div"
-  }
-};
-function simpleArray() {
-  return this.items.length && _typeof(this.items[0]) !== "object";
-}
-var supportsPassive = false;
-if (typeof window !== "undefined") {
-  supportsPassive = false;
-  try {
-    var opts = Object.defineProperty({}, "passive", {
-      get: function get() {
-        supportsPassive = true;
-      }
-    });
-    window.addEventListener("test", null, opts);
-  } catch (e) {
-  }
-}
-let uid = 0;
-var script$2 = {
-  name: "RecycleScroller",
-  components: {
-    ResizeObserver: script$3
-  },
-  directives: {
-    ObserveVisibility
-  },
-  props: {
-    ...props,
-    itemSize: {
-      type: Number,
-      default: null
-    },
-    gridItems: {
-      type: Number,
-      default: void 0
-    },
-    itemSecondarySize: {
-      type: Number,
-      default: void 0
-    },
-    minItemSize: {
-      type: [Number, String],
-      default: null
-    },
-    sizeField: {
-      type: String,
-      default: "size"
-    },
-    typeField: {
-      type: String,
-      default: "type"
-    },
-    buffer: {
-      type: Number,
-      default: 200
-    },
-    pageMode: {
-      type: Boolean,
-      default: false
-    },
-    prerender: {
-      type: Number,
-      default: 0
-    },
-    emitUpdate: {
-      type: Boolean,
-      default: false
-    },
-    updateInterval: {
-      type: Number,
-      default: 0
-    },
-    skipHover: {
-      type: Boolean,
-      default: false
-    },
-    listTag: {
-      type: String,
-      default: "div"
-    },
-    itemTag: {
-      type: String,
-      default: "div"
-    },
-    listClass: {
-      type: [String, Object, Array],
-      default: ""
-    },
-    itemClass: {
-      type: [String, Object, Array],
-      default: ""
-    }
-  },
-  emits: [
-    "resize",
-    "visible",
-    "hidden",
-    "update",
-    "scroll-start",
-    "scroll-end"
-  ],
-  data() {
-    return {
-      pool: [],
-      totalSize: 0,
-      ready: false,
-      hoverKey: null
-    };
-  },
-  computed: {
-    sizes() {
-      if (this.itemSize === null) {
-        const sizes = {
-          "-1": { accumulator: 0 }
-        };
-        const items = this.items;
-        const field = this.sizeField;
-        const minItemSize = this.minItemSize;
-        let computedMinSize = 1e4;
-        let accumulator = 0;
-        let current;
-        for (let i = 0, l = items.length; i < l; i++) {
-          current = items[i][field] || minItemSize;
-          if (current < computedMinSize) {
-            computedMinSize = current;
-          }
-          accumulator += current;
-          sizes[i] = { accumulator, size: current };
-        }
-        this.$_computedMinItemSize = computedMinSize;
-        return sizes;
-      }
-      return [];
-    },
-    simpleArray,
-    itemIndexByKey() {
-      const { keyField, items } = this;
-      const result = {};
-      for (let i = 0, l = items.length; i < l; i++) {
-        result[items[i][keyField]] = i;
-      }
-      return result;
-    }
-  },
-  watch: {
-    items() {
-      this.updateVisibleItems(true);
-    },
-    pageMode() {
-      this.applyPageMode();
-      this.updateVisibleItems(false);
-    },
-    sizes: {
-      handler() {
-        this.updateVisibleItems(false);
-      },
-      deep: true
-    },
-    gridItems() {
-      this.updateVisibleItems(true);
-    },
-    itemSecondarySize() {
-      this.updateVisibleItems(true);
-    }
-  },
-  created() {
-    this.$_startIndex = 0;
-    this.$_endIndex = 0;
-    this.$_views = /* @__PURE__ */ new Map();
-    this.$_unusedViews = /* @__PURE__ */ new Map();
-    this.$_scrollDirty = false;
-    this.$_lastUpdateScrollPosition = 0;
-    if (this.prerender) {
-      this.$_prerender = true;
-      this.updateVisibleItems(false);
-    }
-    if (this.gridItems && !this.itemSize) {
-      console.error("[vue-recycle-scroller] You must provide an itemSize when using gridItems");
-    }
-  },
-  mounted() {
-    this.applyPageMode();
-    this.$nextTick(() => {
-      this.$_prerender = false;
-      this.updateVisibleItems(true);
-      this.ready = true;
-    });
-  },
-  activated() {
-    const lastPosition = this.$_lastUpdateScrollPosition;
-    if (typeof lastPosition === "number") {
-      this.$nextTick(() => {
-        this.scrollToPosition(lastPosition);
-      });
-    }
-  },
-  beforeUnmount() {
-    this.removeListeners();
-  },
-  methods: {
-    addView(pool, index, item, key, type) {
-      const nr = markRaw({
-        id: uid++,
-        index,
-        used: true,
-        key,
-        type
-      });
-      const view = shallowReactive({
-        item,
-        position: 0,
-        nr
-      });
-      pool.push(view);
-      return view;
-    },
-    unuseView(view, fake = false) {
-      const unusedViews = this.$_unusedViews;
-      const type = view.nr.type;
-      let unusedPool = unusedViews.get(type);
-      if (!unusedPool) {
-        unusedPool = [];
-        unusedViews.set(type, unusedPool);
-      }
-      unusedPool.push(view);
-      if (!fake) {
-        view.nr.used = false;
-        view.position = -9999;
-      }
-    },
-    handleResize() {
-      this.$emit("resize");
-      if (this.ready) this.updateVisibleItems(false);
-    },
-    handleScroll(event) {
-      if (!this.$_scrollDirty) {
-        this.$_scrollDirty = true;
-        if (this.$_updateTimeout) return;
-        const requestUpdate = () => requestAnimationFrame(() => {
-          this.$_scrollDirty = false;
-          const { continuous } = this.updateVisibleItems(false, true);
-          if (!continuous) {
-            clearTimeout(this.$_refreshTimout);
-            this.$_refreshTimout = setTimeout(this.handleScroll, this.updateInterval + 100);
-          }
-        });
-        requestUpdate();
-        if (this.updateInterval) {
-          this.$_updateTimeout = setTimeout(() => {
-            this.$_updateTimeout = 0;
-            if (this.$_scrollDirty) requestUpdate();
-          }, this.updateInterval);
-        }
-      }
-    },
-    handleVisibilityChange(isVisible, entry) {
-      if (this.ready) {
-        if (isVisible || entry.boundingClientRect.width !== 0 || entry.boundingClientRect.height !== 0) {
-          this.$emit("visible");
-          requestAnimationFrame(() => {
-            this.updateVisibleItems(false);
-          });
-        } else {
-          this.$emit("hidden");
-        }
-      }
-    },
-    updateVisibleItems(checkItem, checkPositionDiff = false) {
-      const itemSize = this.itemSize;
-      const gridItems = this.gridItems || 1;
-      const itemSecondarySize = this.itemSecondarySize || itemSize;
-      const minItemSize = this.$_computedMinItemSize;
-      const typeField = this.typeField;
-      const keyField = this.simpleArray ? null : this.keyField;
-      const items = this.items;
-      const count = items.length;
-      const sizes = this.sizes;
-      const views = this.$_views;
-      const unusedViews = this.$_unusedViews;
-      const pool = this.pool;
-      const itemIndexByKey = this.itemIndexByKey;
-      let startIndex, endIndex;
-      let totalSize;
-      let visibleStartIndex, visibleEndIndex;
-      if (!count) {
-        startIndex = endIndex = visibleStartIndex = visibleEndIndex = totalSize = 0;
-      } else if (this.$_prerender) {
-        startIndex = visibleStartIndex = 0;
-        endIndex = visibleEndIndex = Math.min(this.prerender, items.length);
-        totalSize = null;
-      } else {
-        const scroll3 = this.getScroll();
-        if (checkPositionDiff) {
-          let positionDiff = scroll3.start - this.$_lastUpdateScrollPosition;
-          if (positionDiff < 0) positionDiff = -positionDiff;
-          if (itemSize === null && positionDiff < minItemSize || positionDiff < itemSize) {
-            return {
-              continuous: true
-            };
-          }
-        }
-        this.$_lastUpdateScrollPosition = scroll3.start;
-        const buffer = this.buffer;
-        scroll3.start -= buffer;
-        scroll3.end += buffer;
-        let beforeSize = 0;
-        if (this.$refs.before) {
-          beforeSize = this.$refs.before.scrollHeight;
-          scroll3.start -= beforeSize;
-        }
-        if (this.$refs.after) {
-          const afterSize = this.$refs.after.scrollHeight;
-          scroll3.end += afterSize;
-        }
-        if (itemSize === null) {
-          let h2;
-          let a = 0;
-          let b = count - 1;
-          let i = ~~(count / 2);
-          let oldI;
-          do {
-            oldI = i;
-            h2 = sizes[i].accumulator;
-            if (h2 < scroll3.start) {
-              a = i;
-            } else if (i < count - 1 && sizes[i + 1].accumulator > scroll3.start) {
-              b = i;
-            }
-            i = ~~((a + b) / 2);
-          } while (i !== oldI);
-          i < 0 && (i = 0);
-          startIndex = i;
-          totalSize = sizes[count - 1].accumulator;
-          for (endIndex = i; endIndex < count && sizes[endIndex].accumulator < scroll3.end; endIndex++) ;
-          if (endIndex === -1) {
-            endIndex = items.length - 1;
-          } else {
-            endIndex++;
-            endIndex > count && (endIndex = count);
-          }
-          for (visibleStartIndex = startIndex; visibleStartIndex < count && beforeSize + sizes[visibleStartIndex].accumulator < scroll3.start; visibleStartIndex++) ;
-          for (visibleEndIndex = visibleStartIndex; visibleEndIndex < count && beforeSize + sizes[visibleEndIndex].accumulator < scroll3.end; visibleEndIndex++) ;
-        } else {
-          startIndex = ~~(scroll3.start / itemSize * gridItems);
-          const remainer = startIndex % gridItems;
-          startIndex -= remainer;
-          endIndex = Math.ceil(scroll3.end / itemSize * gridItems);
-          visibleStartIndex = Math.max(0, Math.floor((scroll3.start - beforeSize) / itemSize * gridItems));
-          visibleEndIndex = Math.floor((scroll3.end - beforeSize) / itemSize * gridItems);
-          startIndex < 0 && (startIndex = 0);
-          endIndex > count && (endIndex = count);
-          visibleStartIndex < 0 && (visibleStartIndex = 0);
-          visibleEndIndex > count && (visibleEndIndex = count);
-          totalSize = Math.ceil(count / gridItems) * itemSize;
-        }
-      }
-      if (endIndex - startIndex > config.itemsLimit) {
-        this.itemsLimitError();
-      }
-      this.totalSize = totalSize;
-      let view;
-      const continuous = startIndex <= this.$_endIndex && endIndex >= this.$_startIndex;
-      if (continuous) {
-        for (let i = 0, l = pool.length; i < l; i++) {
-          view = pool[i];
-          if (view.nr.used) {
-            if (checkItem) {
-              view.nr.index = itemIndexByKey[view.item[keyField]];
-            }
-            if (view.nr.index == null || view.nr.index < startIndex || view.nr.index >= endIndex) {
-              this.unuseView(view);
-            }
-          }
-        }
-      }
-      const unusedIndex = continuous ? null : /* @__PURE__ */ new Map();
-      let item, type;
-      let v;
-      for (let i = startIndex; i < endIndex; i++) {
-        item = items[i];
-        const key = keyField ? item[keyField] : item;
-        if (key == null) {
-          throw new Error(`Key is ${key} on item (keyField is '${keyField}')`);
-        }
-        view = views.get(key);
-        if (!itemSize && !sizes[i].size) {
-          if (view) this.unuseView(view);
-          continue;
-        }
-        type = item[typeField];
-        let unusedPool = unusedViews.get(type);
-        let newlyUsedView = false;
-        if (!view) {
-          if (continuous) {
-            if (unusedPool && unusedPool.length) {
-              view = unusedPool.pop();
-            } else {
-              view = this.addView(pool, i, item, key, type);
-            }
-          } else {
-            v = unusedIndex.get(type) || 0;
-            if (!unusedPool || v >= unusedPool.length) {
-              view = this.addView(pool, i, item, key, type);
-              this.unuseView(view, true);
-              unusedPool = unusedViews.get(type);
-            }
-            view = unusedPool[v];
-            unusedIndex.set(type, v + 1);
-          }
-          views.delete(view.nr.key);
-          view.nr.used = true;
-          view.nr.index = i;
-          view.nr.key = key;
-          view.nr.type = type;
-          views.set(key, view);
-          newlyUsedView = true;
-        } else {
-          if (!view.nr.used) {
-            view.nr.used = true;
-            newlyUsedView = true;
-            if (unusedPool) {
-              const index = unusedPool.indexOf(view);
-              if (index !== -1) unusedPool.splice(index, 1);
-            }
-          }
-        }
-        view.item = item;
-        if (newlyUsedView) {
-          if (i === items.length - 1) this.$emit("scroll-end");
-          if (i === 0) this.$emit("scroll-start");
-        }
-        if (itemSize === null) {
-          view.position = sizes[i - 1].accumulator;
-          view.offset = 0;
-        } else {
-          view.position = Math.floor(i / gridItems) * itemSize;
-          view.offset = i % gridItems * itemSecondarySize;
-        }
-      }
-      this.$_startIndex = startIndex;
-      this.$_endIndex = endIndex;
-      if (this.emitUpdate) this.$emit("update", startIndex, endIndex, visibleStartIndex, visibleEndIndex);
-      clearTimeout(this.$_sortTimer);
-      this.$_sortTimer = setTimeout(this.sortViews, this.updateInterval + 300);
-      return {
-        continuous
-      };
-    },
-    getListenerTarget() {
-      let target = getScrollParent(this.$el);
-      if (window.document && (target === window.document.documentElement || target === window.document.body)) {
-        target = window;
-      }
-      return target;
-    },
-    getScroll() {
-      const { $el: el, direction } = this;
-      const isVertical = direction === "vertical";
-      let scrollState;
-      if (this.pageMode) {
-        const bounds = el.getBoundingClientRect();
-        const boundsSize = isVertical ? bounds.height : bounds.width;
-        let start = -(isVertical ? bounds.top : bounds.left);
-        let size = isVertical ? window.innerHeight : window.innerWidth;
-        if (start < 0) {
-          size += start;
-          start = 0;
-        }
-        if (start + size > boundsSize) {
-          size = boundsSize - start;
-        }
-        scrollState = {
-          start,
-          end: start + size
-        };
-      } else if (isVertical) {
-        scrollState = {
-          start: el.scrollTop,
-          end: el.scrollTop + el.clientHeight
-        };
-      } else {
-        scrollState = {
-          start: el.scrollLeft,
-          end: el.scrollLeft + el.clientWidth
-        };
-      }
-      return scrollState;
-    },
-    applyPageMode() {
-      if (this.pageMode) {
-        this.addListeners();
-      } else {
-        this.removeListeners();
-      }
-    },
-    addListeners() {
-      this.listenerTarget = this.getListenerTarget();
-      this.listenerTarget.addEventListener("scroll", this.handleScroll, supportsPassive ? {
-        passive: true
-      } : false);
-      this.listenerTarget.addEventListener("resize", this.handleResize);
-    },
-    removeListeners() {
-      if (!this.listenerTarget) {
-        return;
-      }
-      this.listenerTarget.removeEventListener("scroll", this.handleScroll);
-      this.listenerTarget.removeEventListener("resize", this.handleResize);
-      this.listenerTarget = null;
-    },
-    scrollToItem(index) {
-      let scroll3;
-      const gridItems = this.gridItems || 1;
-      if (this.itemSize === null) {
-        scroll3 = index > 0 ? this.sizes[index - 1].accumulator : 0;
-      } else {
-        scroll3 = Math.floor(index / gridItems) * this.itemSize;
-      }
-      this.scrollToPosition(scroll3);
-    },
-    scrollToPosition(position) {
-      const direction = this.direction === "vertical" ? { scroll: "scrollTop", start: "top" } : { scroll: "scrollLeft", start: "left" };
-      let viewport;
-      let scrollDirection;
-      let scrollDistance;
-      if (this.pageMode) {
-        const viewportEl = getScrollParent(this.$el);
-        const scrollTop = viewportEl.tagName === "HTML" ? 0 : viewportEl[direction.scroll];
-        const bounds = viewportEl.getBoundingClientRect();
-        const scroller = this.$el.getBoundingClientRect();
-        const scrollerPosition = scroller[direction.start] - bounds[direction.start];
-        viewport = viewportEl;
-        scrollDirection = direction.scroll;
-        scrollDistance = position + scrollTop + scrollerPosition;
-      } else {
-        viewport = this.$el;
-        scrollDirection = direction.scroll;
-        scrollDistance = position;
-      }
-      viewport[scrollDirection] = scrollDistance;
-    },
-    itemsLimitError() {
-      setTimeout(() => {
-        console.log("It seems the scroller element isn't scrolling, so it tries to render all the items at once.", "Scroller:", this.$el);
-        console.log("Make sure the scroller has a fixed height (or width) and 'overflow-y' (or 'overflow-x') set to 'auto' so it can scroll correctly and only render the items visible in the scroll viewport.");
-      });
-      throw new Error("Rendered items limit reached");
-    },
-    sortViews() {
-      this.pool.sort((viewA, viewB) => viewA.nr.index - viewB.nr.index);
-    }
-  }
-};
-const _hoisted_1$1 = {
-  key: 0,
-  ref: "before",
-  class: "vue-recycle-scroller__slot"
-};
-const _hoisted_2$1 = {
-  key: 1,
-  ref: "after",
-  class: "vue-recycle-scroller__slot"
-};
-function render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_ResizeObserver = resolveComponent("ResizeObserver");
-  const _directive_observe_visibility = resolveDirective("observe-visibility");
-  return withDirectives((openBlock(), createElementBlock(
-    "div",
-    {
-      class: normalizeClass(["vue-recycle-scroller", {
-        ready: $data.ready,
-        "page-mode": $props.pageMode,
-        [`direction-${_ctx.direction}`]: true
-      }]),
-      onScrollPassive: _cache[0] || (_cache[0] = (...args) => $options.handleScroll && $options.handleScroll(...args))
-    },
-    [
-      _ctx.$slots.before ? (openBlock(), createElementBlock(
-        "div",
-        _hoisted_1$1,
-        [
-          renderSlot(_ctx.$slots, "before")
-        ],
-        512
-        /* NEED_PATCH */
-      )) : createCommentVNode("v-if", true),
-      (openBlock(), createBlock(resolveDynamicComponent($props.listTag), {
-        ref: "wrapper",
-        style: normalizeStyle({ [_ctx.direction === "vertical" ? "minHeight" : "minWidth"]: $data.totalSize + "px" }),
-        class: normalizeClass(["vue-recycle-scroller__item-wrapper", $props.listClass])
-      }, {
-        default: withCtx(() => [
-          (openBlock(true), createElementBlock(
-            Fragment,
-            null,
-            renderList($data.pool, (view) => {
-              return openBlock(), createBlock(resolveDynamicComponent($props.itemTag), mergeProps({
-                key: view.nr.id,
-                style: $data.ready ? {
-                  transform: `translate${_ctx.direction === "vertical" ? "Y" : "X"}(${view.position}px) translate${_ctx.direction === "vertical" ? "X" : "Y"}(${view.offset}px)`,
-                  width: $props.gridItems ? `${_ctx.direction === "vertical" ? $props.itemSecondarySize || $props.itemSize : $props.itemSize}px` : void 0,
-                  height: $props.gridItems ? `${_ctx.direction === "horizontal" ? $props.itemSecondarySize || $props.itemSize : $props.itemSize}px` : void 0
-                } : null,
-                class: ["vue-recycle-scroller__item-view", [
-                  $props.itemClass,
-                  {
-                    hover: !$props.skipHover && $data.hoverKey === view.nr.key
-                  }
-                ]]
-              }, toHandlers($props.skipHover ? {} : {
-                mouseenter: () => {
-                  $data.hoverKey = view.nr.key;
-                },
-                mouseleave: () => {
-                  $data.hoverKey = null;
-                }
-              })), {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "default", {
-                    item: view.item,
-                    index: view.nr.index,
-                    active: view.nr.used
-                  })
-                ]),
-                _: 2
-                /* DYNAMIC */
-              }, 1040, ["style", "class"]);
-            }),
-            128
-            /* KEYED_FRAGMENT */
-          )),
-          renderSlot(_ctx.$slots, "empty")
-        ]),
-        _: 3
-        /* FORWARDED */
-      }, 8, ["style", "class"])),
-      _ctx.$slots.after ? (openBlock(), createElementBlock(
-        "div",
-        _hoisted_2$1,
-        [
-          renderSlot(_ctx.$slots, "after")
-        ],
-        512
-        /* NEED_PATCH */
-      )) : createCommentVNode("v-if", true),
-      createVNode(_component_ResizeObserver, { onNotify: $options.handleResize }, null, 8, ["onNotify"])
-    ],
-    34
-    /* CLASS, HYDRATE_EVENTS */
-  )), [
-    [_directive_observe_visibility, $options.handleVisibilityChange]
-  ]);
-}
-script$2.render = render$1;
-script$2.__file = "src/components/RecycleScroller.vue";
-var script$1 = {
-  name: "DynamicScroller",
-  components: {
-    RecycleScroller: script$2
-  },
-  provide() {
-    if (typeof ResizeObserver !== "undefined") {
-      this.$_resizeObserver = new ResizeObserver((entries) => {
-        requestAnimationFrame(() => {
-          if (!Array.isArray(entries)) {
-            return;
-          }
-          for (const entry of entries) {
-            if (entry.target && entry.target.$_vs_onResize) {
-              let width, height;
-              if (entry.borderBoxSize) {
-                const resizeObserverSize = entry.borderBoxSize[0];
-                width = resizeObserverSize.inlineSize;
-                height = resizeObserverSize.blockSize;
-              } else {
-                width = entry.contentRect.width;
-                height = entry.contentRect.height;
-              }
-              entry.target.$_vs_onResize(entry.target.$_vs_id, width, height);
-            }
-          }
-        });
-      });
-    }
-    return {
-      vscrollData: this.vscrollData,
-      vscrollParent: this,
-      vscrollResizeObserver: this.$_resizeObserver
-    };
-  },
-  inheritAttrs: false,
-  props: {
-    ...props,
-    minItemSize: {
-      type: [Number, String],
-      required: true
-    }
-  },
-  emits: [
-    "resize",
-    "visible"
-  ],
-  data() {
-    return {
-      vscrollData: {
-        active: true,
-        sizes: {},
-        keyField: this.keyField,
-        simpleArray: false
-      }
-    };
-  },
-  computed: {
-    simpleArray,
-    itemsWithSize() {
-      const result = [];
-      const { items, keyField, simpleArray: simpleArray2 } = this;
-      const sizes = this.vscrollData.sizes;
-      const l = items.length;
-      for (let i = 0; i < l; i++) {
-        const item = items[i];
-        const id = simpleArray2 ? i : item[keyField];
-        let size = sizes[id];
-        if (typeof size === "undefined" && !this.$_undefinedMap[id]) {
-          size = 0;
-        }
-        result.push({
-          item,
-          id,
-          size
-        });
-      }
-      return result;
-    }
-  },
-  watch: {
-    items() {
-      this.forceUpdate();
-    },
-    simpleArray: {
-      handler(value) {
-        this.vscrollData.simpleArray = value;
-      },
-      immediate: true
-    },
-    direction(value) {
-      this.forceUpdate(true);
-    },
-    itemsWithSize(next, prev) {
-      const scrollTop = this.$el.scrollTop;
-      let prevActiveTop = 0;
-      let activeTop = 0;
-      const length = Math.min(next.length, prev.length);
-      for (let i = 0; i < length; i++) {
-        if (prevActiveTop >= scrollTop) {
-          break;
-        }
-        prevActiveTop += prev[i].size || this.minItemSize;
-        activeTop += next[i].size || this.minItemSize;
-      }
-      const offset = activeTop - prevActiveTop;
-      if (offset === 0) {
-        return;
-      }
-      this.$el.scrollTop += offset;
-    }
-  },
-  beforeCreate() {
-    this.$_updates = [];
-    this.$_undefinedSizes = 0;
-    this.$_undefinedMap = {};
-    this.$_events = mitt();
-  },
-  activated() {
-    this.vscrollData.active = true;
-  },
-  deactivated() {
-    this.vscrollData.active = false;
-  },
-  unmounted() {
-    this.$_events.all.clear();
-  },
-  methods: {
-    onScrollerResize() {
-      const scroller = this.$refs.scroller;
-      if (scroller) {
-        this.forceUpdate();
-      }
-      this.$emit("resize");
-    },
-    onScrollerVisible() {
-      this.$_events.emit("vscroll:update", { force: false });
-      this.$emit("visible");
-    },
-    forceUpdate(clear = false) {
-      if (clear || this.simpleArray) {
-        this.vscrollData.sizes = {};
-      }
-      this.$_events.emit("vscroll:update", { force: true });
-    },
-    scrollToItem(index) {
-      const scroller = this.$refs.scroller;
-      if (scroller) scroller.scrollToItem(index);
-    },
-    getItemSize(item, index = void 0) {
-      const id = this.simpleArray ? index != null ? index : this.items.indexOf(item) : item[this.keyField];
-      return this.vscrollData.sizes[id] || 0;
-    },
-    scrollToBottom() {
-      if (this.$_scrollingToBottom) return;
-      this.$_scrollingToBottom = true;
-      const el = this.$el;
-      this.$nextTick(() => {
-        el.scrollTop = el.scrollHeight + 5e3;
-        const cb = () => {
-          el.scrollTop = el.scrollHeight + 5e3;
-          requestAnimationFrame(() => {
-            el.scrollTop = el.scrollHeight + 5e3;
-            if (this.$_undefinedSizes === 0) {
-              this.$_scrollingToBottom = false;
-            } else {
-              requestAnimationFrame(cb);
-            }
-          });
-        };
-        requestAnimationFrame(cb);
-      });
-    }
-  }
-};
-function render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_RecycleScroller = resolveComponent("RecycleScroller");
-  return openBlock(), createBlock(_component_RecycleScroller, mergeProps({
-    ref: "scroller",
-    items: $options.itemsWithSize,
-    "min-item-size": $props.minItemSize,
-    direction: _ctx.direction,
-    "key-field": "id",
-    "list-tag": _ctx.listTag,
-    "item-tag": _ctx.itemTag
-  }, _ctx.$attrs, {
-    onResize: $options.onScrollerResize,
-    onVisible: $options.onScrollerVisible
-  }), {
-    default: withCtx(({ item: itemWithSize, index, active }) => [
-      renderSlot(_ctx.$slots, "default", normalizeProps(guardReactiveProps({
-        item: itemWithSize.item,
-        index,
-        active,
-        itemWithSize
-      })))
-    ]),
-    before: withCtx(() => [
-      renderSlot(_ctx.$slots, "before")
-    ]),
-    after: withCtx(() => [
-      renderSlot(_ctx.$slots, "after")
-    ]),
-    empty: withCtx(() => [
-      renderSlot(_ctx.$slots, "empty")
-    ]),
-    _: 3
-    /* FORWARDED */
-  }, 16, ["items", "min-item-size", "direction", "list-tag", "item-tag", "onResize", "onVisible"]);
-}
-script$1.render = render;
-script$1.__file = "src/components/DynamicScroller.vue";
-var script = {
-  name: "DynamicScrollerItem",
-  inject: [
-    "vscrollData",
-    "vscrollParent",
-    "vscrollResizeObserver"
-  ],
-  props: {
-    // eslint-disable-next-line vue/require-prop-types
-    item: {
-      required: true
-    },
-    watchData: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Indicates if the view is actively used to display an item.
-     */
-    active: {
-      type: Boolean,
-      required: true
-    },
-    index: {
-      type: Number,
-      default: void 0
-    },
-    sizeDependencies: {
-      type: [Array, Object],
-      default: null
-    },
-    emitResize: {
-      type: Boolean,
-      default: false
-    },
-    tag: {
-      type: String,
-      default: "div"
-    }
-  },
-  emits: [
-    "resize"
-  ],
-  computed: {
-    id() {
-      if (this.vscrollData.simpleArray) return this.index;
-      if (this.vscrollData.keyField in this.item) return this.item[this.vscrollData.keyField];
-      throw new Error(`keyField '${this.vscrollData.keyField}' not found in your item. You should set a valid keyField prop on your Scroller`);
-    },
-    size() {
-      return this.vscrollData.sizes[this.id] || 0;
-    },
-    finalActive() {
-      return this.active && this.vscrollData.active;
-    }
-  },
-  watch: {
-    watchData: "updateWatchData",
-    id(value, oldValue) {
-      this.$el.$_vs_id = this.id;
-      if (!this.size) {
-        this.onDataUpdate();
-      }
-      if (this.$_sizeObserved) {
-        const oldSize = this.vscrollData.sizes[oldValue];
-        const size = this.vscrollData.sizes[value];
-        if (oldSize != null && oldSize !== size) {
-          this.applySize(oldSize);
-        }
-      }
-    },
-    finalActive(value) {
-      if (!this.size) {
-        if (value) {
-          if (!this.vscrollParent.$_undefinedMap[this.id]) {
-            this.vscrollParent.$_undefinedSizes++;
-            this.vscrollParent.$_undefinedMap[this.id] = true;
-          }
-        } else {
-          if (this.vscrollParent.$_undefinedMap[this.id]) {
-            this.vscrollParent.$_undefinedSizes--;
-            this.vscrollParent.$_undefinedMap[this.id] = false;
-          }
-        }
-      }
-      if (this.vscrollResizeObserver) {
-        if (value) {
-          this.observeSize();
-        } else {
-          this.unobserveSize();
-        }
-      } else if (value && this.$_pendingVScrollUpdate === this.id) {
-        this.updateSize();
-      }
-    }
-  },
-  created() {
-    if (this.$isServer) return;
-    this.$_forceNextVScrollUpdate = null;
-    this.updateWatchData();
-    if (!this.vscrollResizeObserver) {
-      for (const k in this.sizeDependencies) {
-        this.$watch(() => this.sizeDependencies[k], this.onDataUpdate);
-      }
-      this.vscrollParent.$_events.on("vscroll:update", this.onVscrollUpdate);
-    }
-  },
-  mounted() {
-    if (this.finalActive) {
-      this.updateSize();
-      this.observeSize();
-    }
-  },
-  beforeUnmount() {
-    this.vscrollParent.$_events.off("vscroll:update", this.onVscrollUpdate);
-    this.unobserveSize();
-  },
-  methods: {
-    updateSize() {
-      if (this.finalActive) {
-        if (this.$_pendingSizeUpdate !== this.id) {
-          this.$_pendingSizeUpdate = this.id;
-          this.$_forceNextVScrollUpdate = null;
-          this.$_pendingVScrollUpdate = null;
-          this.computeSize(this.id);
-        }
-      } else {
-        this.$_forceNextVScrollUpdate = this.id;
-      }
-    },
-    updateWatchData() {
-      if (this.watchData && !this.vscrollResizeObserver) {
-        this.$_watchData = this.$watch("item", () => {
-          this.onDataUpdate();
-        }, {
-          deep: true
-        });
-      } else if (this.$_watchData) {
-        this.$_watchData();
-        this.$_watchData = null;
-      }
-    },
-    onVscrollUpdate({ force }) {
-      if (!this.finalActive && force) {
-        this.$_pendingVScrollUpdate = this.id;
-      }
-      if (this.$_forceNextVScrollUpdate === this.id || force || !this.size) {
-        this.updateSize();
-      }
-    },
-    onDataUpdate() {
-      this.updateSize();
-    },
-    computeSize(id) {
-      this.$nextTick(() => {
-        if (this.id === id) {
-          const width = this.$el.offsetWidth;
-          const height = this.$el.offsetHeight;
-          this.applyWidthHeight(width, height);
-        }
-        this.$_pendingSizeUpdate = null;
-      });
-    },
-    applyWidthHeight(width, height) {
-      const size = ~~(this.vscrollParent.direction === "vertical" ? height : width);
-      if (size && this.size !== size) {
-        this.applySize(size);
-      }
-    },
-    applySize(size) {
-      if (this.vscrollParent.$_undefinedMap[this.id]) {
-        this.vscrollParent.$_undefinedSizes--;
-        this.vscrollParent.$_undefinedMap[this.id] = void 0;
-      }
-      this.vscrollData.sizes[this.id] = size;
-      if (this.emitResize) this.$emit("resize", this.id);
-    },
-    observeSize() {
-      if (!this.vscrollResizeObserver) return;
-      if (this.$_sizeObserved) return;
-      this.vscrollResizeObserver.observe(this.$el);
-      this.$el.$_vs_id = this.id;
-      this.$el.$_vs_onResize = this.onResize;
-      this.$_sizeObserved = true;
-    },
-    unobserveSize() {
-      if (!this.vscrollResizeObserver) return;
-      if (!this.$_sizeObserved) return;
-      this.vscrollResizeObserver.unobserve(this.$el);
-      this.$el.$_vs_onResize = void 0;
-      this.$_sizeObserved = false;
-    },
-    onResize(id, width, height) {
-      if (this.id === id) {
-        this.applyWidthHeight(width, height);
-      }
-    }
-  },
-  render() {
-    return h(this.tag, this.$slots.default());
-  }
-};
-script.__file = "src/components/DynamicScrollerItem.vue";
-const _hoisted_1 = { class: "run-data-schema full-height" };
-const _hoisted_2 = {
-  key: 0,
-  class: "no-results"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "VirtualSchema",
-  props: {
-    nodes: { default: () => [] },
-    node: { default: null },
-    data: { default: () => [] },
-    mappingEnabled: { type: Boolean, default: false },
-    runIndex: { default: 0 },
-    outputIndex: { default: 0 },
-    totalRuns: { default: 1 },
-    paneType: {},
-    connectionType: { default: NodeConnectionType.Main },
-    search: { default: "" }
-  },
-  emits: ["clear:search"],
-  setup(__props, { emit: __emit }) {
-    const props2 = __props;
-    const telemetry = useTelemetry();
-    const i18n = useI18n();
-    const ndvStore = useNDVStore();
-    const nodeTypesStore = useNodeTypesStore();
-    const workflowsStore = useWorkflowsStore();
-    const { getSchemaForExecutionData, filterSchema } = useDataSchema();
-    const { closedNodes, flattenSchema, flattenMultipleSchemas, toggleLeaf, toggleNode } = useFlattenSchema();
-    const { getNodeInputData } = useNodeHelpers();
-    const emit = __emit;
-    const scroller = ref();
-    const toggleNodeAndScrollTop = (id) => {
-      var _a;
-      toggleNode(id);
-      (_a = scroller.value) == null ? void 0 : _a.scrollToItem(0);
-    };
-    watch(
-      () => props2.search,
-      (newSearch) => {
-        if (!newSearch) return;
-        closedNodes.value.clear();
-      }
-    );
-    const getNodeSchema = (fullNode, connectedNode) => {
-      const pinData = workflowsStore.pinDataByNodeName(connectedNode.name);
-      const connectedOutputIndexes = connectedNode.indicies.length > 0 ? connectedNode.indicies : [0];
-      const data = pinData ?? connectedOutputIndexes.map(
-        (outputIndex) => executionDataToJson(
-          getNodeInputData(
-            fullNode,
-            props2.runIndex,
-            outputIndex,
-            props2.paneType,
-            props2.connectionType
-          )
-        )
-      ).flat();
-      return {
-        schema: getSchemaForExecutionData(data),
-        connectedOutputIndexes,
-        itemsCount: data.length
-      };
-    };
-    const nodeSchema = computed(
-      () => filterSchema(getSchemaForExecutionData(props2.data), props2.search)
-    );
-    const nodesSchemas = computed(() => {
-      return props2.nodes.reduce((acc, node) => {
-        const fullNode = workflowsStore.getNodeByName(node.name);
-        if (!fullNode) return acc;
-        const nodeType = nodeTypesStore.getNodeType(fullNode.type, fullNode.typeVersion);
-        if (!nodeType) return acc;
-        const { schema, connectedOutputIndexes, itemsCount } = getNodeSchema(fullNode, node);
-        const filteredSchema = filterSchema(schema, props2.search);
-        if (!filteredSchema) return acc;
-        acc.push({
-          node: fullNode,
-          connectedOutputIndexes,
-          depth: node.depth,
-          itemsCount,
-          nodeType,
-          schema: filteredSchema
-        });
-        return acc;
-      }, []);
-    });
-    const nodeAdditionalInfo = (node) => {
-      const returnData = [];
-      if (node.disabled) {
-        returnData.push(i18n.baseText("node.disabled"));
-      }
-      const connections = ndvStore.ndvNodeInputNumber[node.name];
-      if (connections) {
-        if (connections.length === 1) {
-          returnData.push(`Input ${connections}`);
-        } else {
-          returnData.push(`Inputs ${connections.join(", ")}`);
-        }
-      }
-      return returnData.length ? `(${returnData.join(" | ")})` : "";
-    };
-    const flattenedNodes = computed(
-      () => flattenMultipleSchemas(nodesSchemas.value, nodeAdditionalInfo)
-    );
-    const flattenNodeSchema = computed(
-      () => nodeSchema.value ? flattenSchema({ schema: nodeSchema.value, depth: 0, level: -1 }) : []
-    );
-    const isDebugging = computed(() => !props2.nodes.length);
-    const items = computed(() => {
-      if (isDebugging.value || props2.paneType === "output") {
-        return flattenNodeSchema.value;
-      }
-      return flattenedNodes.value;
-    });
-    const noSearchResults = computed(() => {
-      return Boolean(props2.search.trim()) && !Boolean(items.value.length);
-    });
-    const onDragStart = () => {
-      ndvStore.resetMappingTelemetry();
-    };
-    const onDragEnd = (el) => {
-      setTimeout(() => {
-        const mappingTelemetry = ndvStore.mappingTelemetry;
-        const telemetryPayload = {
-          src_node_type: el.dataset.nodeType,
-          src_field_name: el.dataset.name ?? "",
-          src_nodes_back: el.dataset.depth,
-          src_run_index: props2.runIndex,
-          src_runs_total: props2.totalRuns,
-          src_field_nest_level: el.dataset.level ?? 0,
-          src_view: "schema",
-          src_element: el,
-          success: false,
-          ...mappingTelemetry
-        };
-        void useExternalHooks().run("runDataJson.onDragEnd", telemetryPayload);
-        telemetry.track("User dragged data for mapping", telemetryPayload, { withPostHog: true });
-      }, 250);
-    };
-    return (_ctx, _cache) => {
-      const _component_i18n_t = resolveComponent("i18n-t");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        noSearchResults.value ? (openBlock(), createElementBlock("div", _hoisted_2, [
-          createVNode(unref(N8nText), {
-            tag: "h3",
-            size: "large"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.noNodeMatch.title")), 1)
-            ]),
-            _: 1
-          }),
-          createVNode(unref(N8nText), null, {
-            default: withCtx(() => [
-              createVNode(_component_i18n_t, {
-                keypath: "ndv.search.noMatch.description",
-                tag: "span"
-              }, {
-                link: withCtx(() => [
-                  createBaseVNode("a", {
-                    href: "#",
-                    onClick: _cache[0] || (_cache[0] = ($event) => emit("clear:search"))
-                  }, toDisplayString(unref(i18n).baseText("ndv.search.noMatch.description.link")), 1)
-                ]),
-                _: 1
-              })
-            ]),
-            _: 1
-          }),
-          _ctx.paneType === "output" ? (openBlock(), createBlock(unref(N8nText), { key: 0 }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("ndv.search.noMatchSchema.description")), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ])) : createCommentVNode("", true),
-        items.value.length ? (openBlock(), createBlock(Draggable, {
-          key: 1,
-          class: "full-height",
-          type: "mapping",
-          "target-data-key": "mappable",
-          disabled: !_ctx.mappingEnabled,
-          onDragstart: onDragStart,
-          onDragend: onDragEnd
-        }, {
-          preview: withCtx(({ canDrop, el }) => [
-            el ? (openBlock(), createBlock(MappingPill, {
-              key: 0,
-              html: el.outerHTML,
-              "can-drop": canDrop
-            }, null, 8, ["html", "can-drop"])) : createCommentVNode("", true)
-          ]),
-          default: withCtx(() => [
-            createVNode(unref(script$1), {
-              ref_key: "scroller",
-              ref: scroller,
-              items: items.value,
-              "min-item-size": 38,
-              class: "full-height scroller"
-            }, {
-              default: withCtx(({ item, index, active }) => [
-                item.type === "header" ? (openBlock(), createBlock(VirtualSchemaHeader, mergeProps({ key: 0 }, item, {
-                  collapsed: unref(closedNodes).has(item.id),
-                  "onClick:toggle": ($event) => unref(toggleLeaf)(item.id),
-                  onClick: ($event) => toggleNodeAndScrollTop(item.id)
-                }), null, 16, ["collapsed", "onClick:toggle", "onClick"])) : (openBlock(), createBlock(unref(script), {
-                  key: 1,
-                  item,
-                  active,
-                  "size-dependencies": [item.value],
-                  "data-index": index
-                }, {
-                  default: withCtx(() => [
-                    createVNode(VirtualSchemaItem, mergeProps(item, {
-                      search: _ctx.search,
-                      draggable: _ctx.mappingEnabled,
-                      collapsed: unref(closedNodes).has(item.id),
-                      highlight: unref(ndvStore).highlightDraggables,
-                      onClick: ($event) => unref(toggleLeaf)(item.id)
-                    }), null, 16, ["search", "draggable", "collapsed", "highlight", "onClick"])
-                  ]),
-                  _: 2
-                }, 1032, ["item", "active", "size-dependencies", "data-index"]))
-              ]),
-              _: 1
-            }, 8, ["items"])
-          ]),
-          _: 1
-        }, 8, ["disabled"])) : createCommentVNode("", true)
-      ]);
-    };
-  }
-});
-const VirtualSchema = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6673c4a"]]);
-export {
-  VirtualSchema as default
-};