n8n-editor-ui 1.63.1 → 1.64.0

package/dist/assets/@vue-flow/background-B1J8rodd.js

@@ -1,123 +0,0 @@
-import { X as h, I as defineComponent, f as computed, j as toRef, J as openBlock, K as createElementBlock, $ as normalizeStyle, Z as renderSlot, L as createBaseVNode, u as unref, V as createBlock, U as createCommentVNode } from "../vendor-D8YCjNHu.js";
-import { u as useVueFlow } from "./core-tETEFGtP.js";
-var BackgroundVariant = /* @__PURE__ */ ((BackgroundVariant2) => {
-  BackgroundVariant2["Lines"] = "lines";
-  BackgroundVariant2["Dots"] = "dots";
-  return BackgroundVariant2;
-})(BackgroundVariant || {});
-const LinePattern = function({ dimensions, size, color }) {
-  return h("path", {
-    "stroke": color,
-    "stroke-width": size,
-    "d": `M${dimensions[0] / 2} 0 V${dimensions[1]} M0 ${dimensions[1] / 2} H${dimensions[0]}`
-  });
-};
-const DotPattern = function({ radius, color }) {
-  return h("circle", { cx: radius, cy: radius, r: radius, fill: color });
-};
-({
-  [BackgroundVariant.Lines]: LinePattern,
-  [BackgroundVariant.Dots]: DotPattern
-});
-const DefaultBgColors = {
-  [BackgroundVariant.Dots]: "#81818a",
-  [BackgroundVariant.Lines]: "#eee"
-};
-const _hoisted_1 = ["id", "x", "y", "width", "height", "patternTransform"];
-const _hoisted_2 = {
-  key: 2,
-  height: "100",
-  width: "100"
-};
-const _hoisted_3 = ["fill"];
-const _hoisted_4 = ["x", "y", "fill"];
-const __default__ = {
-  name: "Background",
-  compatConfig: { MODE: 3 }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    id: {},
-    variant: { default: () => BackgroundVariant.Dots },
-    gap: { default: 20 },
-    size: { default: 1 },
-    lineWidth: { default: 1 },
-    patternColor: {},
-    color: {},
-    bgColor: {},
-    height: { default: 100 },
-    width: { default: 100 },
-    x: { default: 0 },
-    y: { default: 0 },
-    offset: { default: 2 }
-  },
-  setup(__props) {
-    const { id: vueFlowId, viewport } = useVueFlow();
-    const background = computed(() => {
-      const [gapX, gapY] = Array.isArray(__props.gap) ? __props.gap : [__props.gap, __props.gap];
-      const scaledGap = [gapX * viewport.value.zoom || 1, gapY * viewport.value.zoom || 1];
-      const scaledSize = __props.size * viewport.value.zoom;
-      const patternOffset = __props.variant === BackgroundVariant.Dots ? [scaledSize / __props.offset, scaledSize / __props.offset] : [scaledGap[0] / __props.offset, scaledGap[1] / __props.offset];
-      return {
-        scaledGap,
-        offset: patternOffset,
-        size: scaledSize
-      };
-    });
-    const patternId = toRef(() => `pattern-${vueFlowId}${__props.id ? `-${__props.id}` : ""}`);
-    const patternColor = toRef(() => __props.color || __props.patternColor || DefaultBgColors[__props.variant || BackgroundVariant.Dots]);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("svg", {
-        class: "vue-flow__background vue-flow__container",
-        style: normalizeStyle({
-          height: `${_ctx.height > 100 ? 100 : _ctx.height}%`,
-          width: `${_ctx.width > 100 ? 100 : _ctx.width}%`
-        })
-      }, [
-        renderSlot(_ctx.$slots, "pattern-container", { id: patternId.value }, () => [
-          createBaseVNode("pattern", {
-            id: patternId.value,
-            x: unref(viewport).x % background.value.scaledGap[0],
-            y: unref(viewport).y % background.value.scaledGap[1],
-            width: background.value.scaledGap[0],
-            height: background.value.scaledGap[1],
-            patternTransform: `translate(-${background.value.offset[0]},-${background.value.offset[1]})`,
-            patternUnits: "userSpaceOnUse"
-          }, [
-            renderSlot(_ctx.$slots, "pattern", {}, () => [
-              _ctx.variant === unref(BackgroundVariant).Lines ? (openBlock(), createBlock(unref(LinePattern), {
-                key: 0,
-                size: _ctx.lineWidth,
-                color: patternColor.value,
-                dimensions: background.value.scaledGap
-              }, null, 8, ["size", "color", "dimensions"])) : _ctx.variant === unref(BackgroundVariant).Dots ? (openBlock(), createBlock(unref(DotPattern), {
-                key: 1,
-                color: patternColor.value,
-                radius: background.value.size / _ctx.offset
-              }, null, 8, ["color", "radius"])) : createCommentVNode("", true),
-              _ctx.bgColor ? (openBlock(), createElementBlock("svg", _hoisted_2, [
-                createBaseVNode("rect", {
-                  width: "100%",
-                  height: "100%",
-                  fill: _ctx.bgColor
-                }, null, 8, _hoisted_3)
-              ])) : createCommentVNode("", true)
-            ])
-          ], 8, _hoisted_1)
-        ]),
-        createBaseVNode("rect", {
-          x: _ctx.x,
-          y: _ctx.y,
-          width: "100%",
-          height: "100%",
-          fill: `url(#${patternId.value})`
-        }, null, 8, _hoisted_4),
-        renderSlot(_ctx.$slots, "default", { id: patternId.value })
-      ], 4);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};

package/dist/assets/@vue-flow/controls-B4bXJQnK.js

@@ -1,204 +0,0 @@
-import { J as openBlock, K as createElementBlock, Z as renderSlot, L as createBaseVNode, I as defineComponent, j as toRef, V as createBlock, u as unref, a3 as withCtx, R as Fragment, a8 as createVNode, a5 as resolveDynamicComponent, U as createCommentVNode } from "../vendor-D8YCjNHu.js";
-import { P as PanelPosition, u as useVueFlow, _ as _sfc_main$2 } from "./core-tETEFGtP.js";
-const style = "";
-const _sfc_main$1 = {
-  name: "ControlButton",
-  compatConfig: { MODE: 3 }
-};
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1$5 = { class: "vue-flow__controls-button" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("button", _hoisted_1$5, [
-    renderSlot(_ctx.$slots, "default")
-  ]);
-}
-const ControlButton = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render]]);
-const _hoisted_1$4 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 32"
-};
-const _hoisted_2$4 = /* @__PURE__ */ createBaseVNode("path", { d: "M32 18.133H18.133V32h-4.266V18.133H0v-4.266h13.867V0h4.266v13.867H32z" }, null, -1);
-const _hoisted_3$4 = [
-  _hoisted_2$4
-];
-function render$4(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$4, _hoisted_3$4);
-}
-const PlusIcon = { render: render$4 };
-const _hoisted_1$3 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 5"
-};
-const _hoisted_2$3 = /* @__PURE__ */ createBaseVNode("path", { d: "M0 0h32v4.2H0z" }, null, -1);
-const _hoisted_3$3 = [
-  _hoisted_2$3
-];
-function render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$3, _hoisted_3$3);
-}
-const MinusIcon = { render: render$3 };
-const _hoisted_1$2 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 32 30"
-};
-const _hoisted_2$2 = /* @__PURE__ */ createBaseVNode("path", { d: "M3.692 4.63c0-.53.4-.938.939-.938h5.215V0H4.708C2.13 0 0 2.054 0 4.63v5.216h3.692V4.631zM27.354 0h-5.2v3.692h5.17c.53 0 .984.4.984.939v5.215H32V4.631A4.624 4.624 0 0 0 27.354 0zm.954 24.83c0 .532-.4.94-.939.94h-5.215v3.768h5.215c2.577 0 4.631-2.13 4.631-4.707v-5.139h-3.692v5.139zm-23.677.94a.919.919 0 0 1-.939-.94v-5.138H0v5.139c0 2.577 2.13 4.707 4.708 4.707h5.138V25.77H4.631z" }, null, -1);
-const _hoisted_3$2 = [
-  _hoisted_2$2
-];
-function render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$2, _hoisted_3$2);
-}
-const FitView = { render: render$2 };
-const _hoisted_1$1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 25 32"
-};
-const _hoisted_2$1 = /* @__PURE__ */ createBaseVNode("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0 8 0 4.571 3.429 4.571 7.619v3.048H3.048A3.056 3.056 0 0 0 0 13.714v15.238A3.056 3.056 0 0 0 3.048 32h18.285a3.056 3.056 0 0 0 3.048-3.048V13.714a3.056 3.056 0 0 0-3.048-3.047zM12.19 24.533a3.056 3.056 0 0 1-3.047-3.047 3.056 3.056 0 0 1 3.047-3.048 3.056 3.056 0 0 1 3.048 3.048 3.056 3.056 0 0 1-3.048 3.047zm4.724-13.866H7.467V7.619c0-2.59 2.133-4.724 4.723-4.724 2.591 0 4.724 2.133 4.724 4.724v3.048z" }, null, -1);
-const _hoisted_3$1 = [
-  _hoisted_2$1
-];
-function render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$1, _hoisted_3$1);
-}
-const Lock = { render: render$1 };
-const _hoisted_1 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 25 32"
-};
-const _hoisted_2 = /* @__PURE__ */ createBaseVNode("path", { d: "M21.333 10.667H19.81V7.619C19.81 3.429 16.38 0 12.19 0c-4.114 1.828-1.37 2.133.305 2.438 1.676.305 4.42 2.59 4.42 5.181v3.048H3.047A3.056 3.056 0 0 0 0 13.714v15.238A3.056 3.056 0 0 0 3.048 32h18.285a3.056 3.056 0 0 0 3.048-3.048V13.714a3.056 3.056 0 0 0-3.048-3.047zM12.19 24.533a3.056 3.056 0 0 1-3.047-3.047 3.056 3.056 0 0 1 3.047-3.048 3.056 3.056 0 0 1 3.048 3.048 3.056 3.056 0 0 1-3.048 3.047z" }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3);
-}
-const Unlock = { render };
-const __default__ = {
-  name: "Controls",
-  compatConfig: { MODE: 3 }
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  props: {
-    showZoom: { type: Boolean, default: true },
-    showFitView: { type: Boolean, default: true },
-    showInteractive: { type: Boolean, default: true },
-    fitViewParams: {},
-    position: { default: () => PanelPosition.BottomLeft }
-  },
-  emits: ["zoomIn", "zoomOut", "fitView", "interactionChange"],
-  setup(__props, { emit }) {
-    const {
-      nodesDraggable,
-      nodesConnectable,
-      elementsSelectable,
-      setInteractive,
-      zoomIn,
-      zoomOut,
-      fitView,
-      viewport,
-      minZoom,
-      maxZoom
-    } = useVueFlow();
-    const isInteractive = toRef(() => nodesDraggable.value || nodesConnectable.value || elementsSelectable.value);
-    const minZoomReached = toRef(() => viewport.value.zoom <= minZoom.value);
-    const maxZoomReached = toRef(() => viewport.value.zoom >= maxZoom.value);
-    function onZoomInHandler() {
-      zoomIn();
-      emit("zoomIn");
-    }
-    function onZoomOutHandler() {
-      zoomOut();
-      emit("zoomOut");
-    }
-    function onFitViewHandler() {
-      fitView(__props.fitViewParams);
-      emit("fitView");
-    }
-    function onInteractiveChangeHandler() {
-      setInteractive(!isInteractive.value);
-      emit("interactionChange", !isInteractive.value);
-    }
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$2), {
-        class: "vue-flow__controls",
-        position: _ctx.position
-      }, {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "top"),
-          _ctx.showZoom ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-            renderSlot(_ctx.$slots, "control-zoom-in", {}, () => [
-              createVNode(ControlButton, {
-                class: "vue-flow__controls-zoomin",
-                disabled: maxZoomReached.value,
-                onClick: onZoomInHandler
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "icon-zoom-in", {}, () => [
-                    (openBlock(), createBlock(resolveDynamicComponent(unref(PlusIcon))))
-                  ])
-                ]),
-                _: 3
-              }, 8, ["disabled"])
-            ]),
-            renderSlot(_ctx.$slots, "control-zoom-out", {}, () => [
-              createVNode(ControlButton, {
-                class: "vue-flow__controls-zoomout",
-                disabled: minZoomReached.value,
-                onClick: onZoomOutHandler
-              }, {
-                default: withCtx(() => [
-                  renderSlot(_ctx.$slots, "icon-zoom-out", {}, () => [
-                    (openBlock(), createBlock(resolveDynamicComponent(unref(MinusIcon))))
-                  ])
-                ]),
-                _: 3
-              }, 8, ["disabled"])
-            ])
-          ], 64)) : createCommentVNode("", true),
-          _ctx.showFitView ? renderSlot(_ctx.$slots, "control-fit-view", { key: 1 }, () => [
-            createVNode(ControlButton, {
-              class: "vue-flow__controls-fitview",
-              onClick: onFitViewHandler
-            }, {
-              default: withCtx(() => [
-                renderSlot(_ctx.$slots, "icon-fit-view", {}, () => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(FitView))))
-                ])
-              ]),
-              _: 3
-            })
-          ]) : createCommentVNode("", true),
-          _ctx.showInteractive ? renderSlot(_ctx.$slots, "control-interactive", { key: 2 }, () => [
-            _ctx.showInteractive ? (openBlock(), createBlock(ControlButton, {
-              key: 0,
-              class: "vue-flow__controls-interactive",
-              onClick: onInteractiveChangeHandler
-            }, {
-              default: withCtx(() => [
-                isInteractive.value ? renderSlot(_ctx.$slots, "icon-unlock", { key: 0 }, () => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(Unlock))))
-                ]) : createCommentVNode("", true),
-                !isInteractive.value ? renderSlot(_ctx.$slots, "icon-lock", { key: 1 }, () => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(Lock))))
-                ]) : createCommentVNode("", true)
-              ]),
-              _: 3
-            })) : createCommentVNode("", true)
-          ]) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["position"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};