n8n-editor-ui 1.72.1 → 1.74.0

package/dist/assets/Logo-CSftxDSz.js

@@ -0,0 +1,122 @@
+import { c as openBlock, h as createElementBlock, j as createBaseVNode, d as defineComponent, q as computed, fQ as useTemplateRef, o as onMounted, fR as useFavicon, i as createVNode, n as normalizeClass, l as unref, e as createBlock, f as createCommentVNode, t as toDisplayString, s as renderSlot, aa as useCssModule, _ as _export_sfc } from "./index-DWT5SiDA.js";
+const _hoisted_1$1 = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "30",
+  height: "30"
+};
+function render$1(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$1, _cache[0] || (_cache[0] = [
+    createBaseVNode("path", {
+      fill: "#EA4B71",
+      "fill-rule": "evenodd",
+      d: "M27.2 16.4a3.2 3.2 0 0 1-3.1-2.4h-3.667a1.6 1.6 0 0 0-1.578 1.337l-.132.79A3.2 3.2 0 0 1 17.683 18a3.2 3.2 0 0 1 1.04 1.874l.132.789A1.6 1.6 0 0 0 20.433 22h.468a3.201 3.201 0 0 1 6.299.8 3.2 3.2 0 0 1-6.3.8h-.467a3.2 3.2 0 0 1-3.156-2.674l-.132-.789a1.6 1.6 0 0 0-1.578-1.337h-1.268a3.201 3.201 0 0 1-6.198 0H6.299A3.201 3.201 0 0 1 0 18a3.2 3.2 0 0 1 6.3-.8h1.8a3.201 3.201 0 0 1 6.2 0h1.267a1.6 1.6 0 0 0 1.578-1.337l.132-.79a3.2 3.2 0 0 1 3.156-2.673h3.668a3.201 3.201 0 0 1 6.299.8 3.2 3.2 0 0 1-3.2 3.2m0-1.6a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2m-24 4.8a1.6 1.6 0 1 0 0-3.2 1.6 1.6 0 0 0 0 3.2m9.6-1.6a1.6 1.6 0 1 1-3.2 0 1.6 1.6 0 0 1 3.2 0m12.8 4.8a1.6 1.6 0 1 1-3.2 0 1.6 1.6 0 0 1 3.2 0",
+      "clip-rule": "evenodd"
+    }, null, -1)
+  ]));
+}
+const LogoIcon = { render: render$1 };
+const _hoisted_1 = {
+  width: "26",
+  height: "30"
+};
+function render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1, _cache[0] || (_cache[0] = [
+    createBaseVNode("g", { fill: "#101330" }, [
+      createBaseVNode("path", {
+        "fill-rule": "evenodd",
+        d: "M15.002 16.918v-.076c.558-.28 1.116-.762 1.116-1.716 0-1.372-1.13-2.198-2.69-2.198-1.598 0-2.74.877-2.74 2.224 0 .915.533 1.41 1.116 1.69v.076a2.16 2.16 0 0 0-1.42 2.059c0 1.385 1.141 2.351 3.032 2.351 1.89 0 2.994-.966 2.994-2.351a2.16 2.16 0 0 0-1.408-2.059m-1.587-2.82c.635 0 1.104.406 1.104 1.092s-.482 1.093-1.103 1.093c-.622 0-1.142-.407-1.142-1.093 0-.699.495-1.093 1.142-1.093m0 6.01c-.735 0-1.332-.47-1.332-1.27 0-.725.495-1.272 1.32-1.272.812 0 1.307.534 1.307 1.297 0 .775-.571 1.245-1.294 1.245",
+        "clip-rule": "evenodd"
+      }),
+      createBaseVNode("path", { d: "M18.367 21.2h1.624v-3.442c0-1.131.685-1.627 1.46-1.627.76 0 1.357.509 1.357 1.55v3.52h1.624V17.35c0-1.664-.964-2.63-2.474-2.63-.952 0-1.485.381-1.865.877h-.102l-.14-.75h-1.484zm-14.376 0H2.367v-6.352h1.485l.14.75h.1c.381-.496.914-.877 1.866-.877 1.51 0 2.474.966 2.474 2.63v3.85H6.808V17.68c0-1.041-.596-1.55-1.358-1.55-.774 0-1.459.496-1.459 1.627z" })
+    ], -1)
+  ]));
+}
+const LogoText = { render };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Logo",
+  props: {
+    location: {},
+    collapsed: { type: Boolean },
+    releaseChannel: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const { location, releaseChannel } = props;
+    const showReleaseChannelTag = computed(() => {
+      if (releaseChannel === "stable") return false;
+      if (location === "authView") return true;
+      return !props.collapsed;
+    });
+    const showLogoText = computed(() => {
+      if (location === "authView") return true;
+      return !props.collapsed;
+    });
+    const $style = useCssModule();
+    const containerClasses = computed(() => {
+      if (location === "authView") {
+        return [$style.logoContainer, $style.authView];
+      }
+      return [
+        $style.logoContainer,
+        $style.sidebar,
+        props.collapsed ? $style.sidebarCollapsed : $style.sidebarExpanded
+      ];
+    });
+    const svg = useTemplateRef("logo");
+    onMounted(() => {
+      if (releaseChannel === "stable" || !("createObjectURL" in URL)) return;
+      const logoEl = svg.value.$el;
+      const logoColor = releaseChannel === "dev" ? "#838383" : "#E9984B";
+      logoEl.querySelector("path")?.setAttribute("fill", logoColor);
+      const blob = new Blob([logoEl.outerHTML], { type: "image/svg+xml" });
+      useFavicon(URL.createObjectURL(blob));
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(containerClasses.value),
+        "data-test-id": "n8n-logo"
+      }, [
+        createVNode(unref(LogoIcon), {
+          class: normalizeClass(unref($style).logo),
+          ref: "logo"
+        }, null, 8, ["class"]),
+        showLogoText.value ? (openBlock(), createBlock(unref(LogoText), {
+          key: 0,
+          class: normalizeClass(unref($style).logoText)
+        }, null, 8, ["class"])) : createCommentVNode("", true),
+        showReleaseChannelTag.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          size: "small",
+          round: "",
+          class: normalizeClass(unref($style).releaseChannelTag)
+        }, toDisplayString(unref(releaseChannel)), 3)) : createCommentVNode("", true),
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+const logoContainer = "_logoContainer_1p61r_123";
+const logoText = "_logoText_1p61r_128";
+const releaseChannelTag = "_releaseChannelTag_1p61r_135";
+const authView = "_authView_1p61r_149";
+const sidebar = "_sidebar_1p61r_154";
+const sidebarExpanded = "_sidebarExpanded_1p61r_158";
+const logo = "_logo_1p61r_123";
+const sidebarCollapsed = "_sidebarCollapsed_1p61r_162";
+const style0 = {
+  logoContainer,
+  logoText,
+  releaseChannelTag,
+  authView,
+  sidebar,
+  sidebarExpanded,
+  logo,
+  sidebarCollapsed
+};
+const cssModules = {
+  "$style": style0
+};
+const Logo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  Logo as L
+};