n8n-editor-ui 1.60.0 → 1.61.0

package/dist/assets/{TemplateDetails-yAEgnNZC.js → TemplateDetails-DvrkJ9pc.js}

@@ -1,7 +1,7 @@
-import { a9 as _sfc_main$2, dQ as _sfc_main$3, $ as useTemplatesStore, dR as abbreviateNumber, dS as filterTemplateNodes } from "./index-DndFZfV8.js";
-import { I as defineComponent, an as resolveComponent, J as openBlock, K as createElementBlock, L as createBaseVNode, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, _ as normalizeClass, Z as renderSlot, V as createBlock, R as Fragment, af as renderList, U as createCommentVNode } from "./vendor-DCtS1fjk.js";
-import { _ as _export_sfc } from "./n8n-DS_nZ0wb.js";
-import { m as mapStores } from "./pinia-C4PgcsWV.js";
+import { a9 as _sfc_main$2, dP as _sfc_main$3, $ as useTemplatesStore, dQ as abbreviateNumber, dR as filterTemplateNodes } from "./index-BK9gQqb6.js";
+import { I as defineComponent, an as resolveComponent, J as openBlock, K as createElementBlock, L as createBaseVNode, a8 as createVNode, a3 as withCtx, a6 as createTextVNode, a7 as toDisplayString, _ as normalizeClass, Z as renderSlot, V as createBlock, R as Fragment, af as renderList, U as createCommentVNode } from "./vendor-DCeaNtb_.js";
+import { _ as _export_sfc } from "./n8n-DLOq6Kd-.js";
+import { m as mapStores } from "./pinia-CH9HlKCh.js";
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "TemplateDetailsBlock",
   props: {

package/dist/assets/{TemplateList-gRE5SR0F.js → TemplateList-Dxye-Lxs.js}

@@ -1,6 +1,6 @@
-import { a9 as _sfc_main$3, dS as filterTemplateNodes, dQ as _sfc_main$4, dR as abbreviateNumber } from "./index-DndFZfV8.js";
-import { I as defineComponent, J as openBlock, K as createElementBlock, _ as normalizeClass, R as Fragment, af as renderList, a8 as createVNode, a7 as toDisplayString, U as createCommentVNode, an as resolveComponent, a3 as withCtx, a6 as createTextVNode, V as createBlock, ac as withModifiers, L as createBaseVNode } from "./vendor-DCtS1fjk.js";
-import { _ as _export_sfc } from "./n8n-DS_nZ0wb.js";
+import { a9 as _sfc_main$3, dR as filterTemplateNodes, dP as _sfc_main$4, dQ as abbreviateNumber } from "./index-BK9gQqb6.js";
+import { I as defineComponent, J as openBlock, K as createElementBlock, _ as normalizeClass, R as Fragment, af as renderList, a8 as createVNode, a7 as toDisplayString, U as createCommentVNode, an as resolveComponent, a3 as withCtx, a6 as createTextVNode, V as createBlock, ac as withModifiers, L as createBaseVNode } from "./vendor-DCeaNtb_.js";
+import { _ as _export_sfc } from "./n8n-DLOq6Kd-.js";
 const _sfc_main$2 = defineComponent({
   name: "NodeList",
   components: {

package/dist/assets/TemplatesCollectionView-kKvnA0FM.js

@@ -0,0 +1,240 @@
+import { I as defineComponent, aE as useRoute, aL as useRouter, r as ref, f as computed, b as watch, q as onMounted, an as resolveComponent, J as openBlock, V as createBlock, ah as createSlots, a3 as withCtx, L as createBaseVNode, _ as normalizeClass, u as unref, K as createElementBlock, a8 as createVNode, U as createCommentVNode, a6 as createTextVNode, a7 as toDisplayString } from "./vendor-DCeaNtb_.js";
+import { i as isFullTemplatesCollection, _ as __unplugin_components_1 } from "./TemplateDetails-DvrkJ9pc.js";
+import { _ as __unplugin_components_2 } from "./TemplateList-Dxye-Lxs.js";
+import { T as TemplatesView } from "./TemplatesView-CCcE6ceG.js";
+import { $ as useTemplatesStore, br as usePostHog, a4 as useNodeTypesStore, dO as setPageTitle, a1 as useExternalHooks, x as useTelemetry, b as useI18n, V as VIEWS } from "./index-BK9gQqb6.js";
+import { u as useTemplateWorkflow } from "./templateActions-DWDf_J_7.js";
+import { _ as _export_sfc } from "./n8n-DLOq6Kd-.js";
+import "./pinia-CH9HlKCh.js";
+import "./@sentry/vue-UFuYeDxK.js";
+import "./axios-B4zXCSve.js";
+import "./flatted-D70IerrI.js";
+import "./bowser-C3wWO1p5.js";
+import "./@vueuse/core-DP7mNILw.js";
+import "./lodash-es-rVh4nriD.js";
+import "./uuid-BoySKAeK.js";
+import "./dateformat-DfmxUC-6.js";
+import "./vue-i18n-CVQE9o3c.js";
+import "./@n8n/permissions-BxSXRD9U.js";
+import "./@jsplumb/util-BwtpiQ4c.js";
+import "./@jsplumb/core-B__RSZHf.js";
+import "./@jsplumb/common-s1StEx7B.js";
+import "./@jsplumb/connector-bezier-D659hq4c.js";
+import "./@jsplumb/browser-ui-BphmFVJY.js";
+import "./luxon-Bt_g4NOb.js";
+import "./@n8n/codemirror-lang-CIGGB1t0.js";
+import "./@lezer/common-CnY9etib.js";
+import "./@n8n/codemirror-lang-sql-C41WNa63.js";
+import "./prettier-DuWRKCwA.js";
+import "./codemirror-lang-html-n8n-CXTCIWzP.js";
+import "./esprima-next-DUEu30kB.js";
+import "./fast-json-stable-stringify-DDe8InQN.js";
+import "./timeago.js-CgQus8nl.js";
+import "./qrcode.vue-BxNS_c3b.js";
+import "./vue3-touch-events-DVOgU3fI.js";
+import "./chart.js-DiBOFLDH.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "TemplatesCollectionView",
+  setup(__props) {
+    const externalHooks = useExternalHooks();
+    const templatesStore = useTemplatesStore();
+    const posthogStore = usePostHog();
+    const nodeTypesStore = useNodeTypesStore();
+    const route = useRoute();
+    const router = useRouter();
+    const telemetry = useTelemetry();
+    const i18n = useI18n();
+    const loading = ref(true);
+    const notFoundError = ref(false);
+    const collectionId = computed(() => {
+      const { id } = route.params;
+      return Array.isArray(id) ? id[0] : id;
+    });
+    const collection = computed(() => templatesStore.getCollectionById(collectionId.value));
+    const collectionWorkflows = computed(() => {
+      if (!collection.value || loading.value) {
+        return [];
+      }
+      return collection.value.workflows.map(({ id }) => templatesStore.getTemplateById(id.toString())).filter((workflow) => !!workflow);
+    });
+    const scrollToTop = () => {
+      setTimeout(() => {
+        const contentArea = document.getElementById("content");
+        if (contentArea) {
+          contentArea.scrollTo({
+            top: 0,
+            behavior: "smooth"
+          });
+        }
+      }, 50);
+    };
+    const onOpenTemplate = ({ event, id }) => {
+      navigateTo(event, VIEWS.TEMPLATE, id);
+    };
+    const onUseWorkflow = async ({ event, id }) => {
+      await useTemplateWorkflow({
+        posthogStore,
+        router,
+        templateId: id,
+        inNewBrowserTab: event.metaKey || event.ctrlKey,
+        templatesStore,
+        externalHooks,
+        nodeTypesStore,
+        telemetry,
+        source: "template_list"
+      });
+    };
+    const navigateTo = (e, page, id) => {
+      if (e.metaKey || e.ctrlKey) {
+        const route2 = router.resolve({ name: page, params: { id } });
+        window.open(route2.href, "_blank");
+        return;
+      } else {
+        void router.push({ name: page, params: { id } });
+      }
+    };
+    watch(
+      () => collection.value,
+      () => {
+        if (collection.value && "full" in collection.value && collection.value.full) {
+          setPageTitle(`n8n - Template collection: ${collection.value.name}`);
+        } else {
+          setPageTitle("n8n - Templates");
+        }
+      }
+    );
+    onMounted(async () => {
+      scrollToTop();
+      if (collection.value && "full" in collection.value && collection.value.full) {
+        loading.value = false;
+        return;
+      }
+      try {
+        await templatesStore.fetchCollectionById(collectionId.value);
+      } catch (e) {
+        notFoundError.value = true;
+      }
+      loading.value = false;
+    });
+    return (_ctx, _cache) => {
+      const _component_n8n_heading = resolveComponent("n8n-heading");
+      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_loading = resolveComponent("n8n-loading");
+      const _component_n8n_markdown = resolveComponent("n8n-markdown");
+      return openBlock(), createBlock(TemplatesView, { "go-back-enabled": true }, createSlots({
+        header: withCtx(() => [
+          !notFoundError.value ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.wrapper)
+          }, [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.title)
+            }, [
+              collection.value && collection.value.name ? (openBlock(), createBlock(_component_n8n_heading, {
+                key: 0,
+                tag: "h1",
+                size: "2xlarge"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(collection.value.name), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              collection.value && collection.value.name ? (openBlock(), createBlock(_component_n8n_text, {
+                key: 1,
+                color: "text-base",
+                size: "small"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n).baseText("templates.collection")), 1)
+                ]),
+                _: 1
+              })) : createCommentVNode("", true),
+              createVNode(_component_n8n_loading, {
+                loading: !collection.value || !collection.value.name,
+                rows: 2,
+                variant: "h1"
+              }, null, 8, ["loading"])
+            ], 2)
+          ], 2)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.notFound)
+          }, [
+            createVNode(_component_n8n_text, { color: "text-base" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("templates.collectionsNotFound")), 1)
+              ]),
+              _: 1
+            })
+          ], 2))
+        ]),
+        _: 2
+      }, [
+        !notFoundError.value ? {
+          name: "content",
+          fn: withCtx(() => [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.wrapper)
+            }, [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.mainContent)
+              }, [
+                loading.value || unref(isFullTemplatesCollection)(collection.value) ? (openBlock(), createElementBlock("div", {
+                  key: 0,
+                  class: normalizeClass(_ctx.$style.markdown)
+                }, [
+                  createVNode(_component_n8n_markdown, {
+                    content: unref(isFullTemplatesCollection)(collection.value) && collection.value.description,
+                    images: unref(isFullTemplatesCollection)(collection.value) && collection.value.image,
+                    loading: loading.value
+                  }, null, 8, ["content", "images", "loading"])
+                ], 2)) : createCommentVNode("", true),
+                createVNode(__unplugin_components_2, {
+                  "infinite-scroll-enabled": false,
+                  loading: loading.value,
+                  "use-workflow-button": true,
+                  workflows: collectionWorkflows.value,
+                  onUseWorkflow,
+                  onOpenTemplate
+                }, null, 8, ["loading", "workflows"])
+              ], 2),
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.details)
+              }, [
+                createVNode(__unplugin_components_1, {
+                  "block-title": unref(i18n).baseText("template.details.appsInTheCollection"),
+                  loading: loading.value,
+                  template: collection.value
+                }, null, 8, ["block-title", "loading", "template"])
+              ], 2)
+            ], 2)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1024);
+    };
+  }
+});
+const wrapper = "_wrapper_b0vqe_1";
+const notFound = "_notFound_b0vqe_11";
+const title = "_title_b0vqe_15";
+const button = "_button_b0vqe_19";
+const mainContent = "_mainContent_b0vqe_23";
+const markdown = "_markdown_b0vqe_34";
+const details = "_details_b0vqe_38";
+const style0 = {
+  wrapper,
+  notFound,
+  title,
+  button,
+  mainContent,
+  markdown,
+  details
+};
+const cssModules = {
+  "$style": style0
+};
+const TemplatesCollectionView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  TemplatesCollectionView as default
+};

package/dist/assets/{TemplatesSearchView-DlQEPqfw.js → TemplatesSearchView-sUgBNVnh.js}

@@ -1,21 +1,22 @@
-import { a as __unplugin_components_0$2, _ as __unplugin_components_2 } from "./TemplateList-gRE5SR0F.js";
-import { I as defineComponent, an as resolveComponent, J as openBlock, V as createBlock, ah as createSlots, a3 as withCtx, L as createBaseVNode, _ as normalizeClass, a7 as toDisplayString, Z as renderSlot, a8 as createVNode, a0 as mergeProps, $ as normalizeStyle, a4 as withDirectives, a6 as createTextVNode, a9 as vShow, K as createElementBlock, R as Fragment, af as renderList, U as createCommentVNode, au as resolveDirective } from "./vendor-DCtS1fjk.js";
-import { _ as _export_sfc } from "./n8n-DS_nZ0wb.js";
-import { V as VueAgile } from "./vue-agile-Dr5uE4S4.js";
-import { $ as useTemplatesStore, d as useDebounce, u as useToast, d_ as CREATOR_HUB_URL, br as usePostHog, a as useUsersStore, e as useUIStore, b as useSettingsStore, dP as setPageTitle, V as VIEWS } from "./index-DndFZfV8.js";
-import { m as mapStores } from "./pinia-C4PgcsWV.js";
-import { T as TemplatesView } from "./TemplatesView-DgYrKF_1.js";
+import { a as __unplugin_components_0$1, _ as __unplugin_components_2 } from "./TemplateList-Dxye-Lxs.js";
+import { I as defineComponent, an as resolveComponent, J as openBlock, V as createBlock, ah as createSlots, a3 as withCtx, L as createBaseVNode, _ as normalizeClass, a7 as toDisplayString, Z as renderSlot, a8 as createVNode, a0 as mergeProps, $ as normalizeStyle, a4 as withDirectives, a6 as createTextVNode, a9 as vShow, r as ref, b as watch, q as onMounted, n as nextTick, l as onBeforeMount, K as createElementBlock, R as Fragment, af as renderList, u as unref, U as createCommentVNode, au as resolveDirective } from "./vendor-DCeaNtb_.js";
+import { _ as _export_sfc } from "./n8n-DLOq6Kd-.js";
+import { V as VueAgile } from "./vue-agile-B6SWje8b.js";
+import { $ as useTemplatesStore, e as useDebounce, a as useToast, dZ as CREATOR_HUB_URL, br as usePostHog, u as useUsersStore, f as useUIStore, c as useSettingsStore, dO as setPageTitle, V as VIEWS } from "./index-BK9gQqb6.js";
+import { m as mapStores } from "./pinia-CH9HlKCh.js";
+import { T as TemplatesView } from "./TemplatesView-CCcE6ceG.js";
 import "./esprima-next-DUEu30kB.js";
 import "./axios-B4zXCSve.js";
 import "./luxon-Bt_g4NOb.js";
 import "./lodash-es-rVh4nriD.js";
 import "./uuid-BoySKAeK.js";
-import "./@vueuse/core-BZR8MlRU.js";
+import "./@vueuse/core-DP7mNILw.js";
+import "./@sentry/vue-UFuYeDxK.js";
 import "./flatted-D70IerrI.js";
 import "./bowser-C3wWO1p5.js";
+import "./dateformat-DfmxUC-6.js";
+import "./vue-i18n-CVQE9o3c.js";
 import "./@n8n/permissions-BxSXRD9U.js";
-import "./dateformat-DYMw-0LU.js";
-import "./vue-i18n-DBLN2Rh9.js";
 import "./@jsplumb/util-BwtpiQ4c.js";
 import "./@jsplumb/core-B__RSZHf.js";
 import "./@jsplumb/common-s1StEx7B.js";
@@ -24,11 +25,11 @@ import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
 import "./@lezer/common-CnY9etib.js";
 import "./@n8n/codemirror-lang-sql-C41WNa63.js";
-import "./prettier-_aQB57xD.js";
+import "./prettier-DuWRKCwA.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
-import "./fast-json-stable-stringify-dgHKYgJi.js";
+import "./fast-json-stable-stringify-DDe8InQN.js";
 import "./timeago.js-CgQus8nl.js";
-import "./qrcode.vue-EmD3D6Vb.js";
+import "./qrcode.vue-BxNS_c3b.js";
 import "./vue3-touch-events-DVOgU3fI.js";
 import "./chart.js-DiBOFLDH.js";
 const _hoisted_1$2 = ["textContent"];
@@ -89,7 +90,7 @@ const _sfc_main$3 = defineComponent({
   name: "TemplatesInfoCard",
   components: {
     Card,
-    NodeList: __unplugin_components_0$2
+    NodeList: __unplugin_components_0$1
   },
   props: {
     collection: {
@@ -109,9 +110,9 @@ const _sfc_main$3 = defineComponent({
     }
   }
 });
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_text = resolveComponent("n8n-text");
-  const _component_NodeList = __unplugin_components_0$2;
+  const _component_NodeList = __unplugin_components_0$1;
   const _component_Card = resolveComponent("Card");
   return openBlock(), createBlock(_component_Card, {
     loading: _ctx.loading,
@@ -140,97 +141,133 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["loading", "title", "style"]);
 }
-const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
-const _sfc_main$2 = defineComponent({
-  name: "TemplatesInfoCarousel",
-  components: {
-    Card,
-    TemplatesInfoCard: __unplugin_components_0$1,
-    agile: VueAgile
-  },
+const TemplatesInfoCard = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$2]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "TemplatesInfoCarousel",
   props: {
-    collections: {
-      type: Array,
-      required: true
-    },
-    loading: {
-      type: Boolean
-    },
-    showItemCount: {
-      type: Boolean,
-      default: true
-    },
-    showNavigation: {
-      type: Boolean,
-      default: true
-    },
-    cardsWidth: {
-      type: String,
-      default: "240px"
-    }
+    collections: {},
+    loading: { type: Boolean, default: false },
+    showItemCount: { type: Boolean, default: true },
+    showNavigation: { type: Boolean, default: true },
+    cardsWidth: { default: "240px" }
   },
-  data() {
-    return {
-      carouselScrollPosition: 0,
-      cardWidth: parseInt(this.cardsWidth, 10),
-      sliderWidth: 0,
-      scrollEnd: false,
-      listElement: null
+  emits: ["openCollection"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const carouselScrollPosition = ref(0);
+    const cardWidth = ref(parseInt(props.cardsWidth, 10));
+    const scrollEnd = ref(false);
+    const listElement = ref(null);
+    const sliderRef = ref(null);
+    const updateCarouselScroll = () => {
+      if (listElement.value) {
+        carouselScrollPosition.value = Number(listElement.value.scrollLeft.toFixed());
+        const width = listElement.value.clientWidth;
+        const scrollWidth = listElement.value.scrollWidth;
+        const scrollLeft2 = carouselScrollPosition.value;
+        scrollEnd.value = scrollWidth - width <= scrollLeft2 + 7;
+      }
     };
-  },
-  watch: {
-    collections() {
-      setTimeout(() => {
-        this.updateCarouselScroll();
-      }, 0);
-    },
-    loading() {
-      setTimeout(() => {
-        this.updateCarouselScroll();
-      }, 0);
-    }
-  },
-  async mounted() {
-    await this.$nextTick();
-    const sliderRef = this.$refs.slider;
-    if (!sliderRef) {
-      return;
-    }
-    this.listElement = sliderRef.$el.querySelector(".agile__list");
-    if (this.listElement) {
-      this.listElement.addEventListener("scroll", this.updateCarouselScroll);
-    }
-  },
-  beforeUnmount() {
-    const sliderRef = this.$refs.slider;
-    if (sliderRef) {
-      sliderRef.destroy();
-    }
-    window.removeEventListener("scroll", this.updateCarouselScroll);
-  },
-  methods: {
-    updateCarouselScroll() {
-      if (this.listElement) {
-        this.carouselScrollPosition = Number(this.listElement.scrollLeft.toFixed());
-        const width = this.listElement.clientWidth;
-        const scrollWidth = this.listElement.scrollWidth;
-        const scrollLeft = this.carouselScrollPosition;
-        this.scrollEnd = scrollWidth - width <= scrollLeft + 7;
+    const onCardClick = (event, id) => {
+      emit("openCollection", { event, id });
+    };
+    const scrollLeft = () => {
+      if (listElement.value) {
+        listElement.value.scrollBy({ left: -(cardWidth.value * 2), top: 0, behavior: "smooth" });
       }
-    },
-    onCardClick(event, id) {
-      this.$emit("openCollection", { event, id });
-    },
-    scrollLeft() {
-      if (this.listElement) {
-        this.listElement.scrollBy({ left: -(this.cardWidth * 2), top: 0, behavior: "smooth" });
+    };
+    const scrollRight = () => {
+      if (listElement.value) {
+        listElement.value.scrollBy({ left: cardWidth.value * 2, top: 0, behavior: "smooth" });
       }
-    },
-    scrollRight() {
-      if (this.listElement) {
-        this.listElement.scrollBy({ left: this.cardWidth * 2, top: 0, behavior: "smooth" });
+    };
+    watch(
+      () => props.collections,
+      () => {
+        setTimeout(() => {
+          updateCarouselScroll();
+        }, 0);
       }
-    }
+    );
+    watch(
+      () => props.loading,
+      () => {
+        setTimeout(() => {
+          updateCarouselScroll();
+        }, 0);
+      }
+    );
+    onMounted(async () => {
+      await nextTick();
+      if (!sliderRef.value) {
+        return;
+      }
+      listElement.value = sliderRef.value.$el.querySelector(".agile__list");
+      if (listElement.value) {
+        listElement.value.addEventListener("scroll", updateCarouselScroll);
+      }
+    });
+    onBeforeMount(() => {
+      if (sliderRef.value) {
+        sliderRef.value.destroy();
+      }
+      window.addEventListener("scroll", updateCarouselScroll);
+    });
+    return (_ctx, _cache) => {
+      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      return withDirectives((openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createVNode(unref(VueAgile), {
+          ref_key: "sliderRef",
+          ref: sliderRef,
+          dots: false,
+          "nav-buttons": false,
+          infinite: false,
+          "slides-to-show": 4,
+          onAfterChange: updateCarouselScroll
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.loading ? 4 : 0, (n) => {
+              return openBlock(), createBlock(Card, {
+                key: `loading-${n}`,
+                loading: _ctx.loading
+              }, null, 8, ["loading"]);
+            }), 128)),
+            (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.loading ? [] : _ctx.collections, (collection) => {
+              return openBlock(), createBlock(TemplatesInfoCard, {
+                key: collection.id,
+                "data-test-id": "templates-info-card",
+                collection,
+                "show-item-count": _ctx.showItemCount,
+                width: _ctx.cardsWidth,
+                onClick: (e) => onCardClick(e, collection.id)
+              }, null, 8, ["collection", "show-item-count", "width", "onClick"]);
+            }), 128))
+          ]),
+          _: 1
+        }, 512),
+        withDirectives(createBaseVNode("button", {
+          class: normalizeClass({ [_ctx.$style.leftButton]: true }),
+          onClick: scrollLeft
+        }, [
+          createVNode(_component_font_awesome_icon, { icon: "chevron-left" })
+        ], 2), [
+          [vShow, _ctx.showNavigation && carouselScrollPosition.value > 0]
+        ]),
+        withDirectives(createBaseVNode("button", {
+          class: normalizeClass({ [_ctx.$style.rightButton]: true }),
+          onClick: scrollRight
+        }, [
+          createVNode(_component_font_awesome_icon, { icon: "chevron-right" })
+        ], 2), [
+          [vShow, _ctx.showNavigation && !scrollEnd.value]
+        ])
+      ], 2)), [
+        [vShow, _ctx.loading || _ctx.collections.length]
+      ]);
+    };
   }
 });
 const container = "_container_1lokv_1";
@@ -243,66 +280,10 @@ const style0$2 = {
   leftButton,
   rightButton
 };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Card = resolveComponent("Card");
-  const _component_TemplatesInfoCard = __unplugin_components_0$1;
-  const _component_agile = resolveComponent("agile");
-  const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-  return withDirectives((openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.$style.container)
-  }, [
-    createVNode(_component_agile, {
-      ref: "slider",
-      dots: false,
-      "nav-buttons": false,
-      infinite: false,
-      "slides-to-show": 4,
-      onAfterChange: _ctx.updateCarouselScroll
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.loading ? 4 : 0, (n) => {
-          return openBlock(), createBlock(_component_Card, {
-            key: `loading-${n}`,
-            loading: _ctx.loading
-          }, null, 8, ["loading"]);
-        }), 128)),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.loading ? [] : _ctx.collections, (collection) => {
-          return openBlock(), createBlock(_component_TemplatesInfoCard, {
-            key: collection.id,
-            "data-test-id": "templates-info-card",
-            collection,
-            "show-item-count": _ctx.showItemCount,
-            width: _ctx.cardsWidth,
-            onClick: (e) => _ctx.onCardClick(e, collection.id)
-          }, null, 8, ["collection", "show-item-count", "width", "onClick"]);
-        }), 128))
-      ]),
-      _: 1
-    }, 8, ["onAfterChange"]),
-    withDirectives(createBaseVNode("button", {
-      class: normalizeClass({ [_ctx.$style.leftButton]: true }),
-      onClick: _cache[0] || (_cache[0] = (...args) => _ctx.scrollLeft && _ctx.scrollLeft(...args))
-    }, [
-      createVNode(_component_font_awesome_icon, { icon: "chevron-left" })
-    ], 2), [
-      [vShow, _ctx.showNavigation && _ctx.carouselScrollPosition > 0]
-    ]),
-    withDirectives(createBaseVNode("button", {
-      class: normalizeClass({ [_ctx.$style.rightButton]: true }),
-      onClick: _cache[1] || (_cache[1] = (...args) => _ctx.scrollRight && _ctx.scrollRight(...args))
-    }, [
-      createVNode(_component_font_awesome_icon, { icon: "chevron-right" })
-    ], 2), [
-      [vShow, _ctx.showNavigation && !_ctx.scrollEnd]
-    ])
-  ], 2)), [
-    [vShow, _ctx.loading || _ctx.collections.length]
-  ]);
-}
 const cssModules$2 = {
   "$style": style0$2
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2], ["__cssModules", cssModules$2]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const _sfc_main$1 = defineComponent({
   name: "TemplateFilters",
   props: {

package/dist/assets/{TemplatesView-DgYrKF_1.js → TemplatesView-CCcE6ceG.js}

@@ -1,6 +1,6 @@
-import { I as defineComponent, aM as useRouter, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, _ as normalizeClass, L as createBaseVNode, a7 as toDisplayString, U as createCommentVNode, Z as renderSlot } from "./vendor-DCtS1fjk.js";
-import { V as VIEWS } from "./index-DndFZfV8.js";
-import { _ as _export_sfc } from "./n8n-DS_nZ0wb.js";
+import { I as defineComponent, aL as useRouter, an as resolveComponent, J as openBlock, K as createElementBlock, a8 as createVNode, _ as normalizeClass, L as createBaseVNode, a7 as toDisplayString, U as createCommentVNode, Z as renderSlot } from "./vendor-DCeaNtb_.js";
+import { V as VIEWS } from "./index-BK9gQqb6.js";
+import { _ as _export_sfc } from "./n8n-DLOq6Kd-.js";
 const _hoisted_1 = ["textContent"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "GoBackButton",