n8n-editor-ui 1.65.1 → 1.67.0

package/dist/assets/TemplateDetails-rjxog6MY.js

@@ -1,199 +0,0 @@
-import { d as defineComponent, c as openBlock, h as createElementBlock, j as createBaseVNode, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, n as normalizeClass, q as renderSlot, l as resolveComponent, _ as _export_sfc, d3 as _sfc_main$2, hW as _sfc_main$3, e0 as mapStores, aC as useTemplatesStore, hX as abbreviateNumber, hY as filterTemplateNodes, e as createBlock, F as Fragment, z as renderList, f as createCommentVNode } from "./index-BUjeBzRM.js";
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "TemplateDetailsBlock",
-  props: {
-    title: {}
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_n8n_heading = resolveComponent("n8n-heading");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.$style.block)
-      }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.header)
-        }, [
-          createVNode(_component_n8n_heading, {
-            tag: "h3",
-            size: "small",
-            color: "text-base"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.title), 1)
-            ]),
-            _: 1
-          })
-        ], 2),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.content)
-        }, [
-          renderSlot(_ctx.$slots, "default")
-        ], 2)
-      ], 2);
-    };
-  }
-});
-const block = "_block_czs8t_1";
-const header = "_header_czs8t_5";
-const content = "_content_czs8t_10";
-const style0$1 = {
-  block,
-  header,
-  content
-};
-const cssModules$1 = {
-  "$style": style0$1
-};
-const __unplugin_components_1$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
-function isTemplatesWorkflow(template) {
-  return !!template && "totalViews" in template;
-}
-function isFullTemplatesCollection(template) {
-  return !!template && "description" in template && "categories" in template;
-}
-const _sfc_main = defineComponent({
-  name: "TemplateDetails",
-  components: {
-    NodeIcon: _sfc_main$2,
-    TemplateDetailsBlock: __unplugin_components_1$1,
-    TimeAgo: _sfc_main$3
-  },
-  props: {
-    template: {
-      type: Object,
-      required: true
-    },
-    blockTitle: {
-      type: String,
-      required: true
-    },
-    loading: {
-      type: Boolean
-    }
-  },
-  computed: {
-    ...mapStores(useTemplatesStore)
-  },
-  methods: {
-    abbreviateNumber,
-    filterTemplateNodes,
-    redirectToCategory(id) {
-      this.templatesStore.resetSessionId();
-      void this.$router.push(`/templates?categories=${id}`);
-    },
-    redirectToSearchPage(node) {
-      this.templatesStore.resetSessionId();
-      void this.$router.push(`/templates?search=${node.displayName}`);
-    },
-    isFullTemplatesCollection,
-    isTemplatesWorkflow
-  }
-});
-const icons = "_icons_1yw74_1";
-const icon = "_icon_1yw74_1";
-const text = "_text_1yw74_12";
-const style0 = {
-  icons,
-  icon,
-  text
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_n8n_loading = resolveComponent("n8n-loading");
-  const _component_NodeIcon = _sfc_main$2;
-  const _component_TemplateDetailsBlock = __unplugin_components_1$1;
-  const _component_n8n_tags = resolveComponent("n8n-tags");
-  const _component_TimeAgo = _sfc_main$3;
-  const _component_n8n_text = resolveComponent("n8n-text");
-  return openBlock(), createElementBlock("div", null, [
-    createVNode(_component_n8n_loading, {
-      loading: _ctx.loading,
-      rows: 5,
-      variant: "p"
-    }, null, 8, ["loading"]),
-    !_ctx.loading && _ctx.template && _ctx.template.nodes.length > 0 ? (openBlock(), createBlock(_component_TemplateDetailsBlock, {
-      key: 0,
-      title: _ctx.blockTitle
-    }, {
-      default: withCtx(() => [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.icons)
-        }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.filterTemplateNodes(_ctx.template.nodes), (node) => {
-            return openBlock(), createElementBlock("div", {
-              key: node.name,
-              class: normalizeClass(_ctx.$style.icon)
-            }, [
-              createVNode(_component_NodeIcon, {
-                "node-type": node,
-                size: 24,
-                "show-tooltip": true,
-                onClick: ($event) => _ctx.redirectToSearchPage(node)
-              }, null, 8, ["node-type", "onClick"])
-            ], 2);
-          }), 128))
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["title"])) : createCommentVNode("", true),
-    !_ctx.loading && _ctx.isFullTemplatesCollection(_ctx.template) && _ctx.template.categories.length > 0 ? (openBlock(), createBlock(_component_TemplateDetailsBlock, {
-      key: 1,
-      title: _ctx.$locale.baseText("template.details.categories")
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_n8n_tags, {
-          tags: _ctx.template.categories,
-          "onClick:tag": _ctx.redirectToCategory
-        }, null, 8, ["tags", "onClick:tag"])
-      ]),
-      _: 1
-    }, 8, ["title"])) : createCommentVNode("", true),
-    !_ctx.loading && _ctx.template ? (openBlock(), createBlock(_component_TemplateDetailsBlock, {
-      key: 2,
-      title: _ctx.$locale.baseText("template.details.details")
-    }, {
-      default: withCtx(() => [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.text)
-        }, [
-          _ctx.isTemplatesWorkflow(_ctx.template) ? (openBlock(), createBlock(_component_n8n_text, {
-            key: 0,
-            size: "small",
-            color: "text-base"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.$locale.baseText("template.details.created")) + " ", 1),
-              createVNode(_component_TimeAgo, {
-                date: _ctx.template.createdAt
-              }, null, 8, ["date"]),
-              createTextVNode(" " + toDisplayString(_ctx.$locale.baseText("template.details.by")) + " " + toDisplayString(_ctx.template.user ? _ctx.template.user.username : "n8n team"), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ], 2),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.text)
-        }, [
-          _ctx.isTemplatesWorkflow(_ctx.template) && _ctx.template.totalViews !== 0 ? (openBlock(), createBlock(_component_n8n_text, {
-            key: 0,
-            size: "small",
-            color: "text-base"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.$locale.baseText("template.details.viewed")) + " " + toDisplayString(_ctx.abbreviateNumber(_ctx.template.totalViews)) + " " + toDisplayString(_ctx.$locale.baseText("template.details.times")), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true)
-        ], 2)
-      ]),
-      _: 1
-    }, 8, ["title"])) : createCommentVNode("", true)
-  ]);
-}
-const cssModules = {
-  "$style": style0
-};
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
-export {
-  __unplugin_components_1 as _,
-  isFullTemplatesCollection as i
-};

package/dist/assets/TemplateList-DYMX_2qI.js

@@ -1,433 +0,0 @@
-import { d as defineComponent, d3 as _sfc_main$3, hY as filterTemplateNodes, _ as _export_sfc, c as openBlock, h as createElementBlock, F as Fragment, z as renderList, n as normalizeClass, i as createVNode, t as toDisplayString, f as createCommentVNode, hW as _sfc_main$4, hX as abbreviateNumber, w as withCtx, k as createTextVNode, e as createBlock, I as withModifiers, l as resolveComponent, j as createBaseVNode } from "./index-BUjeBzRM.js";
-const _sfc_main$2 = defineComponent({
-  name: "NodeList",
-  components: {
-    NodeIcon: _sfc_main$3
-  },
-  props: {
-    nodes: {
-      type: Array
-    },
-    limit: {
-      type: Number,
-      default: 4
-    },
-    size: {
-      type: String,
-      default: "sm"
-    }
-  },
-  computed: {
-    filteredCoreNodes() {
-      return filterTemplateNodes(this.nodes);
-    },
-    hiddenNodes() {
-      return this.filteredCoreNodes.length - this.countNodesToBeSliced(this.filteredCoreNodes);
-    },
-    slicedNodes() {
-      return this.filteredCoreNodes.slice(0, this.countNodesToBeSliced(this.filteredCoreNodes));
-    }
-  },
-  methods: {
-    countNodesToBeSliced(nodes2) {
-      if (nodes2.length > this.limit) {
-        return this.limit - 1;
-      } else {
-        return this.limit;
-      }
-    }
-  }
-});
-const list = "_list_10uzg_1";
-const container = "_container_10uzg_9";
-const sm = "_sm_10uzg_14";
-const md = "_md_10uzg_18";
-const button$1 = "_button_10uzg_22";
-const buttonSm = "_buttonSm_10uzg_36";
-const buttonMd = "_buttonMd_10uzg_43";
-const style0$2 = {
-  list,
-  container,
-  sm,
-  md,
-  button: button$1,
-  buttonSm,
-  buttonMd
-};
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_NodeIcon = _sfc_main$3;
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.$style.list)
-  }, [
-    (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.slicedNodes, (node) => {
-      return openBlock(), createElementBlock("div", {
-        key: node.name,
-        class: normalizeClass([_ctx.$style.container, _ctx.$style[_ctx.size]])
-      }, [
-        createVNode(_component_NodeIcon, {
-          "node-type": node,
-          size: _ctx.size === "md" ? 24 : 18,
-          "show-tooltip": true
-        }, null, 8, ["node-type", "size"])
-      ], 2);
-    }), 128)),
-    _ctx.filteredCoreNodes.length > _ctx.limit + 1 ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass([_ctx.$style.button, _ctx.size === "md" ? _ctx.$style.buttonMd : _ctx.$style.buttonSm])
-    }, " +" + toDisplayString(_ctx.hiddenNodes), 3)) : createCommentVNode("", true)
-  ], 2);
-}
-const cssModules$2 = {
-  "$style": style0$2
-};
-const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__cssModules", cssModules$2]]);
-const _sfc_main$1 = defineComponent({
-  name: "TemplateCard",
-  components: {
-    TimeAgo: _sfc_main$4,
-    NodeList: __unplugin_components_0$1
-  },
-  props: {
-    workflow: {
-      type: Object
-    },
-    lastItem: {
-      type: Boolean,
-      default: false
-    },
-    firstItem: {
-      type: Boolean,
-      default: false
-    },
-    useWorkflowButton: {
-      type: Boolean
-    },
-    loading: {
-      type: Boolean
-    },
-    simpleView: {
-      type: Boolean,
-      default: false
-    }
-  },
-  data() {
-    return {
-      nodesToBeShown: 5
-    };
-  },
-  methods: {
-    filterTemplateNodes,
-    abbreviateNumber,
-    countNodesToBeSliced(nodes2) {
-      if (nodes2.length > this.nodesToBeShown) {
-        return this.nodesToBeShown - 1;
-      } else {
-        return this.nodesToBeShown;
-      }
-    },
-    onUseWorkflowClick(e) {
-      this.$emit("useWorkflow", e);
-    },
-    onCardClick(e) {
-      this.$emit("click", e);
-    }
-  }
-});
-const nodes$1 = "_nodes_psqnp_1";
-const icon = "_icon_psqnp_8";
-const card = "_card_psqnp_12";
-const hideOnHover = "_hideOnHover_psqnp_24";
-const buttonContainer = "_buttonContainer_psqnp_27";
-const loaded = "_loaded_psqnp_38";
-const first = "_first_psqnp_42";
-const last = "_last_psqnp_48";
-const content = "_content_psqnp_53";
-const line = "_line_psqnp_58";
-const loading = "_loading_psqnp_64";
-const nodesContainer = "_nodesContainer_psqnp_69";
-const style0$1 = {
-  nodes: nodes$1,
-  icon,
-  card,
-  hideOnHover,
-  buttonContainer,
-  loaded,
-  first,
-  last,
-  content,
-  line,
-  loading,
-  nodesContainer
-};
-const _hoisted_1$1 = { key: 1 };
-const _hoisted_2$1 = { key: 0 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_n8n_loading = resolveComponent("n8n-loading");
-  const _component_n8n_heading = resolveComponent("n8n-heading");
-  const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-  const _component_n8n_text = resolveComponent("n8n-text");
-  const _component_TimeAgo = _sfc_main$4;
-  const _component_NodeList = __unplugin_components_0$1;
-  const _component_n8n_button = resolveComponent("n8n-button");
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass([
-      _ctx.$style.card,
-      _ctx.lastItem && _ctx.$style.last,
-      _ctx.firstItem && _ctx.$style.first,
-      !_ctx.loading && _ctx.$style.loaded
-    ]),
-    "data-test-id": "template-card",
-    onClick: _cache[0] || (_cache[0] = (...args) => _ctx.onCardClick && _ctx.onCardClick(...args))
-  }, [
-    _ctx.loading ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(_ctx.$style.loading)
-    }, [
-      createVNode(_component_n8n_loading, {
-        rows: 2,
-        "shrink-last": false,
-        loading: _ctx.loading
-      }, null, 8, ["loading"])
-    ], 2)) : _ctx.workflow ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
-      createVNode(_component_n8n_heading, {
-        bold: true,
-        size: "small"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.workflow.name), 1)
-        ]),
-        _: 1
-      }),
-      !_ctx.simpleView ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass(_ctx.$style.content)
-      }, [
-        _ctx.workflow.totalViews ? (openBlock(), createElementBlock("span", _hoisted_2$1, [
-          createVNode(_component_n8n_text, {
-            size: "small",
-            color: "text-light"
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_font_awesome_icon, { icon: "eye" }),
-              createTextVNode(" " + toDisplayString(_ctx.abbreviateNumber(_ctx.workflow.totalViews)), 1)
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true),
-        _ctx.workflow.totalViews ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass(_ctx.$style.line),
-          textContent: "|"
-        }, null, 2)) : createCommentVNode("", true),
-        createVNode(_component_n8n_text, {
-          size: "small",
-          color: "text-light"
-        }, {
-          default: withCtx(() => [
-            createVNode(_component_TimeAgo, {
-              date: _ctx.workflow.createdAt
-            }, null, 8, ["date"])
-          ]),
-          _: 1
-        }),
-        _ctx.workflow.user ? (openBlock(), createElementBlock("div", {
-          key: 2,
-          class: normalizeClass(_ctx.$style.line),
-          textContent: "|"
-        }, null, 2)) : createCommentVNode("", true),
-        _ctx.workflow.user ? (openBlock(), createBlock(_component_n8n_text, {
-          key: 3,
-          size: "small",
-          color: "text-light"
-        }, {
-          default: withCtx(() => [
-            createTextVNode("By " + toDisplayString(_ctx.workflow.user.username), 1)
-          ]),
-          _: 1
-        })) : createCommentVNode("", true)
-      ], 2)) : createCommentVNode("", true)
-    ])) : createCommentVNode("", true),
-    !_ctx.loading && _ctx.workflow ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      class: normalizeClass([_ctx.$style.nodesContainer, _ctx.useWorkflowButton && _ctx.$style.hideOnHover])
-    }, [
-      _ctx.workflow.nodes ? (openBlock(), createBlock(_component_NodeList, {
-        key: 0,
-        nodes: _ctx.workflow.nodes,
-        limit: _ctx.nodesToBeShown,
-        size: "md"
-      }, null, 8, ["nodes", "limit"])) : createCommentVNode("", true)
-    ], 2)) : createCommentVNode("", true),
-    _ctx.useWorkflowButton ? (openBlock(), createElementBlock("div", {
-      key: 3,
-      class: normalizeClass(_ctx.$style.buttonContainer)
-    }, [
-      _ctx.useWorkflowButton ? (openBlock(), createBlock(_component_n8n_button, {
-        key: 0,
-        outline: "",
-        label: "Use workflow",
-        "data-test-id": "use-workflow-button",
-        onClick: withModifiers(_ctx.onUseWorkflowClick, ["stop"])
-      }, null, 8, ["onClick"])) : createCommentVNode("", true)
-    ], 2)) : createCommentVNode("", true)
-  ], 2);
-}
-const cssModules$1 = {
-  "$style": style0$1
-};
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__cssModules", cssModules$1]]);
-const _sfc_main = defineComponent({
-  name: "TemplateList",
-  components: {
-    TemplateCard: __unplugin_components_0
-  },
-  props: {
-    infiniteScrollEnabled: {
-      type: Boolean,
-      default: false
-    },
-    loading: {
-      type: Boolean
-    },
-    useWorkflowButton: {
-      type: Boolean,
-      default: false
-    },
-    workflows: {
-      type: Array,
-      default: () => []
-    },
-    totalWorkflows: {
-      type: Number,
-      default: 0
-    },
-    simpleView: {
-      type: Boolean,
-      default: false
-    },
-    totalCount: {
-      type: Number,
-      default: 0
-    }
-  },
-  mounted() {
-    if (this.infiniteScrollEnabled) {
-      const content2 = document.getElementById("content");
-      if (content2) {
-        content2.addEventListener("scroll", this.onScroll);
-      }
-    }
-  },
-  beforeUnmount() {
-    const content2 = document.getElementById("content");
-    if (content2) {
-      content2.removeEventListener("scroll", this.onScroll);
-    }
-  },
-  methods: {
-    onScroll() {
-      const loaderRef = this.$refs.loader;
-      if (!loaderRef || this.loading) {
-        return;
-      }
-      const rect = loaderRef.getBoundingClientRect();
-      const inView = rect.top >= 0 && rect.left >= 0 && rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) && rect.right <= (window.innerWidth || document.documentElement.clientWidth);
-      if (inView) {
-        this.$emit("loadMore");
-      }
-    },
-    onCardClick(event, id) {
-      this.$emit("openTemplate", { event, id });
-    },
-    onUseWorkflow(event, id) {
-      this.$emit("useWorkflow", { event, id });
-    }
-  }
-});
-const header = "_header_1ivn7_1";
-const workflowButton = "_workflowButton_1ivn7_5";
-const button = "_button_1ivn7_5";
-const nodes = "_nodes_1ivn7_8";
-const style0 = {
-  header,
-  workflowButton,
-  button,
-  nodes
-};
-const _hoisted_1 = {
-  key: 0,
-  "data-test-id": "template-count-label"
-};
-const _hoisted_2 = ["textContent"];
-const _hoisted_3 = {
-  key: 0,
-  ref: "loader"
-};
-const _hoisted_4 = {
-  key: 1,
-  "data-test-id": "templates-loading-container"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_n8n_heading = resolveComponent("n8n-heading");
-  const _component_TemplateCard = __unplugin_components_0;
-  return _ctx.loading || _ctx.workflows.length ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    class: normalizeClass(_ctx.$style.list)
-  }, [
-    !_ctx.simpleView ? (openBlock(), createElementBlock("div", {
-      key: 0,
-      class: normalizeClass(_ctx.$style.header)
-    }, [
-      createVNode(_component_n8n_heading, {
-        bold: true,
-        size: "medium",
-        color: "text-light"
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.$locale.baseText("templates.workflows")) + " ", 1),
-          _ctx.totalCount > 0 ? (openBlock(), createElementBlock("span", _hoisted_1, "(" + toDisplayString(_ctx.totalCount) + ")", 1)) : createCommentVNode("", true),
-          !_ctx.loading && _ctx.totalWorkflows ? (openBlock(), createElementBlock("span", {
-            key: 1,
-            textContent: toDisplayString(`(${_ctx.totalWorkflows})`)
-          }, null, 8, _hoisted_2)) : createCommentVNode("", true)
-        ]),
-        _: 1
-      })
-    ], 2)) : createCommentVNode("", true),
-    createBaseVNode("div", {
-      class: normalizeClass(_ctx.$style.container)
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.workflows, (workflow, index) => {
-        return openBlock(), createBlock(_component_TemplateCard, {
-          key: workflow.id,
-          workflow,
-          "first-item": index === 0,
-          "simple-view": _ctx.simpleView,
-          "last-item": index === _ctx.workflows.length - 1 && !_ctx.loading,
-          "use-workflow-button": _ctx.useWorkflowButton,
-          onClick: (e) => _ctx.onCardClick(e, workflow.id),
-          onUseWorkflow: (e) => _ctx.onUseWorkflow(e, workflow.id)
-        }, null, 8, ["workflow", "first-item", "simple-view", "last-item", "use-workflow-button", "onClick", "onUseWorkflow"]);
-      }), 128)),
-      _ctx.infiniteScrollEnabled ? (openBlock(), createElementBlock("div", _hoisted_3, null, 512)) : createCommentVNode("", true),
-      _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_4, [
-        (openBlock(), createElementBlock(Fragment, null, renderList(4, (n) => {
-          return createVNode(_component_TemplateCard, {
-            key: "index-" + n,
-            loading: true,
-            "first-item": _ctx.workflows.length === 0 && n === 1,
-            "last-item": n === 4
-          }, null, 8, ["first-item", "last-item"]);
-        }), 64))
-      ])) : createCommentVNode("", true)
-    ], 2)
-  ], 2)) : createCommentVNode("", true);
-}
-const cssModules = {
-  "$style": style0
-};
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__cssModules", cssModules]]);
-export {
-  __unplugin_components_2 as _,
-  __unplugin_components_0$1 as a
-};