n8n-editor-ui/dist/assets/CanvasControls-d887dfed.js

Workflow Editor UI for n8n

import{s as y}from"./pinia-6bf9956f.js";import{b as k}from"./index-906713a6.js";import{d as f,T as _,P as z,b as C,o as u,f as M,e as i,j as e,c as b,k as w,n as Z}from"./vendor-18a4b4e1.js";import{_ as v}from"./n8n-02caf295.js";import"./axios-92f151e4.js";import"./flatted-8b14da7d.js";import"./@fortawesome/vue-fontawesome-f597912a.js";import"./@fortawesome/fontawesome-svg-core-984d6dde.js";import"./vue-i18n-c3b0f366.js";import"./uuid-cf522c50.js";import"./dateformat-8c1d9796.js";import"./lodash-es-876af2e5.js";import"./luxon-19e1de07.js";import"./@jsplumb/browser-ui-70b0a0d6.js";import"./@jsplumb/core-0a463c13.js";import"./@jsplumb/util-98a92a84.js";import"./@jsplumb/common-fe415eb9.js";import"./@jsplumb/connector-bezier-53998944.js";import"./@n8n/codemirror-lang-sql-9a304659.js";import"./codemirror-lang-n8n-expression-47e67c3a.js";import"./codemirror-lang-html-n8n-4223f8c7.js";import"./fast-json-stable-stringify-57a373c2.js";import"./prettier-51497383.js";import"./esprima-next-8c7e8ff9.js";import"./@vueuse/core-60457efe.js";import"./timeago.js-a9e71aec.js";import"./qrcode.vue-338130ab.js";import"./file-saver-0526b42c.js";import"./vue-json-pretty-95ec0e1b.js";import"./humanize-duration-6da291e3.js";import"./v3-infinite-loading-8fbfd594.js";import"./vue-agile-44d1a063.js";import"./copy-to-clipboard-4e2822ec.js";import"./vue3-touch-events-ee55ce04.js";import"./@fortawesome/free-solid-svg-icons-d79f1537.js";import"./@fortawesome/free-regular-svg-icons-74cb85f8.js";const g=f({__name:"CanvasControls",setup(E){const s=k(),{zoomToFit:m,zoomIn:a,zoomOut:l,resetZoom:p}=s,{nodeViewScale:d,isDemo:r}=y(s),c=o=>{const t=o.metaKey||o.ctrlKey;(o.key==="="||o.key==="+")&&!t?a():(o.key==="_"||o.key==="-")&&!t?l():o.key==="0"&&!t?p():o.key==="1"&&!t&&m()};return _(()=>{document.addEventListener("keydown",c)}),z(()=>{document.removeEventListener("keydown",c)}),(o,t)=>{const n=C("n8n-icon-button");return u(),M("div",{class:Z({[o.$style.zoomMenu]:!0,[o.$style.regularZoomMenu]:!e(r),[o.$style.demoZoomMenu]:e(r)})},[i(n,{onClick:e(m),type:"tertiary",size:"large",title:o.$locale.baseText("nodeView.zoomToFit"),icon:"expand","data-test-id":"zoom-to-fit"},null,8,["onClick","title"]),i(n,{onClick:e(a),type:"tertiary",size:"large",title:o.$locale.baseText("nodeView.zoomIn"),icon:"search-plus","data-test-id":"zoom-in-button"},null,8,["onClick","title"]),i(n,{onClick:e(l),type:"tertiary",size:"large",title:o.$locale.baseText("nodeView.zoomOut"),icon:"search-minus","data-test-id":"zoom-out-button"},null,8,["onClick","title"]),e(d)!==1&&!e(r)?(u(),b(n,{key:0,onClick:e(p),type:"tertiary",size:"large",title:o.$locale.baseText("nodeView.resetZoom"),icon:"undo","data-test-id":"reset-zoom-button"},null,8,["onClick","title"])):w("",!0)],2)}}}),T="_zoomMenu_1ufow_5",$="_regularZoomMenu_1ufow_25",V="_demoZoomMenu_1ufow_30",B={zoomMenu:T,regularZoomMenu:$,demoZoomMenu:V},h={$style:B},ko=v(g,[["__cssModules",h]]);export{ko as default};
//# sourceMappingURL=CanvasControls-d887dfed.js.map