1"use strict";(self.webpackChunknocode_js_com=self.webpackChunknocode_js_com||[]).push([[1200],{3905:(e,t,r)=>{r.d(t,{Zo:()=>d,kt:()=>m});var n=r(7294);function o(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function i(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach((function(t){o(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}function s(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}var u=n.createContext({}),l=function(e){var t=n.useContext(u),r=t;return e&&(r="function"==typeof e?e(t):i(i({},t),e)),r},d=function(e){var t=l(e.components);return n.createElement(u.Provider,{value:t},e.children)},c="mdxType",p={inlineCode:"code",wrapper:function(e){var t=e.children;return n.createElement(n.Fragment,{},t)}},f=n.forwardRef((function(e,t){var r=e.components,o=e.mdxType,a=e.originalType,u=e.parentName,d=s(e,["components","mdxType","originalType","parentName"]),c=l(r),f=o,m=c["".concat(u,".").concat(f)]||c[f]||p[f]||a;return r?n.createElement(m,i(i({ref:t},d),{},{components:r})):n.createElement(m,i({ref:t},d))}));function m(e,t){var r=arguments,o=t&&t.mdxType;if("string"==typeof e||o){var a=r.length,i=new Array(a);i[0]=f;var s={};for(var u in t)hasOwnProperty.call(t,u)&&(s[u]=t[u]);s.originalType=e,s[c]="string"==typeof e?e:o,i[1]=s;for(var l=2;l<a;l++)i[l]=r[l];return n.createElement.apply(null,i)}return n.createElement.apply(null,r)}f.displayName="MDXCreateElement"},4236:(e,t,r)=>{r.r(t),r.d(t,{assets:()=>u,contentTitle:()=>i,default:()=>p,frontMatter:()=>a,metadata:()=>s,toc:()=>l});var n=r(7462),o=(r(7294),r(3905));const a={sidebar_position:0,sidebar_label:"Undo / Redo"},i="Undo / Redo",s={unversionedId:"sequential-workflow-designer/features/undo-redo",id:"sequential-workflow-designer/features/undo-redo",title:"Undo / Redo",description:"The designer supports undo/redo operations. By default this feature is disabled.",source:"@site/docs/sequential-workflow-designer/features/undo-redo.md",sourceDirName:"sequential-workflow-designer/features",slug:"/sequential-workflow-designer/features/undo-redo",permalink:"/docs/sequential-workflow-designer/features/undo-redo",draft:!1,tags:[],version:"current",sidebarPosition:0,frontMatter:{sidebar_position:0,sidebar_label:"Undo / Redo"},sidebar:"tutorialSidebar",previous:{title:"Toolbox",permalink:"/docs/sequential-workflow-designer/features/toolbox"},next:{title:"Validation",permalink:"/docs/sequential-workflow-designer/features/validation"}},u={},l=[{value:"Use stack from previous session",id:"use-stack-from-previous-session",level:2}],d={toc:l},c="wrapper";function p(e){let{components:t,...r}=e;return(0,o.kt)(c,(0,n.Z)({},d,r,{components:t,mdxType:"MDXLayout"}),(0,o.kt)("h1",{id:"undo--redo"},"Undo / Redo"),(0,o.kt)("p",null,"The designer supports undo/redo operations. By default this feature is disabled."),(0,o.kt)("admonition",{title:"Example",type:"tip"},(0,o.kt)("p",{parentName:"admonition"},"Check the ",(0,o.kt)("a",{parentName:"p",href:"https://nocode-js.github.io/sequential-workflow-designer/examples/fullscreen.html"},"Fullscreen Example"),".")),(0,o.kt)("p",null,"To enable the undo / redo feature you need to set the ",(0,o.kt)("inlineCode",{parentName:"p"},"undoStackSize")," property in your configuration."),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-js"},"const configuration = {\n undoStackSize: 10,\n // ...\n};\n")),(0,o.kt)("p",null,"This property sets a limit of undo/redo operations. Be careful with this property. If you set it to a big number it may cause performance issues."),(0,o.kt)("h2",{id:"use-stack-from-previous-session"},"Use stack from previous session"),(0,o.kt)("p",null,"You may initialize the designer with the undo stack from the previous session."),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-js"},"const configuration = {\n undoStackSize: 10,\n undoStack: myUndoStack,\n // ...\n};\n")),(0,o.kt)("p",null,"To read the current stack you should use the ",(0,o.kt)("inlineCode",{parentName:"p"}
1,"dumpUndoStack()")," method."),(0,o.kt)("pre",null,(0,o.kt)("code",{parentName:"pre",className:"language-js"},"const myUndoStack = designer.dumpUndoStack();\n")))}p.isMDXComponent=!0}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.