@n8n/design-system 2.24.0 → 2.24.2

package/dist/n8n-design-system.umd.js

@@ -297,4 +297,4 @@ Please report this to https://github.com/markedjs/marked.`,e){let e=`<p>An error
 
 `):``}),brt=n5.create({name:`hardBreak`,markdownTokenName:`br`,addOptions(){return{keepMarks:!0,HTMLAttributes:{}}},inline:!0,group:`inline`,selectable:!1,linebreakReplacement:!0,parseHTML(){return[{tag:`br`}]},renderHTML({HTMLAttributes:e}){return[`br`,k8(this.options.HTMLAttributes,e)]},renderText(){return`
 `},renderMarkdown:()=>`  
-`,parseMarkdown:()=>({type:`hardBreak`}),addCommands(){return{setHardBreak:()=>({commands:e,chain:t,state:n,editor:r})=>e.first([()=>e.exitCode(),()=>e.command(()=>{let{selection:e,storedMarks:i}=n;if(e.$from.parent.type.spec.isolating)return!1;let{keepMarks:a}=this.options,{splittableMarks:o}=r.extensionManager,s=i||e.$to.parentOffset&&e.$from.marks();return t().insertContent({type:this.name}).command(({tr:e,dispatch:t})=>{if(t&&s&&a){let t=s.filter(e=>o.includes(e.type.name));e.ensureMarks(t)}return!0}).run()})])}},addKeyboardShortcuts(){return{"Mod-Enter":()=>this.editor.commands.setHardBreak(),"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),xrt=n5.create({name:`heading`,addOptions(){return{levels:[1,2,3,4,5,6],HTMLAttributes:{}}},content:`inline*`,group:`block`,defining:!0,addAttributes(){return{level:{default:1,rendered:!1}}},parseHTML(){return this.options.levels.map(e=>({tag:`h${e}`,attrs:{level:e}}))},renderHTML({node:e,HTMLAttributes:t}){return[`h${this.options.levels.includes(e.attrs.level)?e.attrs.level:this.options.levels[0]}`,k8(this.options.HTMLAttributes,t),0]},parseMarkdown:(e,t)=>t.createNode(`heading`,{level:e.depth||1},t.parseInline(e.tokens||[])),renderMarkdown:(e,t)=>{let n=e.attrs?.level?parseInt(e.attrs.level,10):1,r=`#`.repeat(n);return e.content?`${r} ${t.renderChildren(e.content)}`:``},addCommands(){return{setHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.setNode(this.name,e):!1,toggleHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.toggleNode(this.name,`paragraph`,e):!1}},addKeyboardShortcuts(){return this.options.levels.reduce((e,t)=>({...e,[`Mod-Alt-${t}`]:()=>this.editor.commands.toggleHeading({level:t})}),{})},addInputRules(){return this.options.levels.map(e=>X8({find:RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),type:this.type,getAttributes:{level:e}}))}}),Srt=n5.create({name:`horizontalRule`,addOptions(){return{HTMLAttributes:{},nextNodeType:`paragraph`}},group:`block`,parseHTML(){return[{tag:`hr`}]},renderHTML({HTMLAttributes:e}){return[`hr`,k8(this.options.HTMLAttributes,e)]},markdownTokenName:`hr`,parseMarkdown:(e,t)=>t.createNode(`horizontalRule`),renderMarkdown:()=>`---`,addCommands(){return{setHorizontalRule:()=>({chain:e,state:t})=>{if(!t7e(t,t.schema.nodes[this.name]))return!1;let{selection:n}=t,{$to:r}=n,i=e();return t5e(n)?i.insertContentAt(r.pos,{type:this.name}):i.insertContent({type:this.name}),i.command(({state:e,tr:t,dispatch:n})=>{if(n){let{$to:n}=t.selection,r=n.end();if(n.nodeAfter)n.nodeAfter.isTextblock?t.setSelection(X.create(t.doc,n.pos+1)):n.nodeAfter.isBlock?t.setSelection(Z.create(t.doc,n.pos)):t.setSelection(X.create(t.doc,n.pos));else{let i=(e.schema.nodes[this.options.nextNodeType]||n.parent.type.contentMatch.defaultType)?.create();i&&(t.insert(r,i),t.setSelection(X.create(t.doc,r+1)))}t.scrollIntoView()}return!0}).run()}}},addInputRules(){return[e7e({find:/^(?:---|—-|___\s|\*\*\*\s)$/,type:this.type})]}}),Crt=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/,wrt=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g,Trt=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/,Ert=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g,Drt=G8.create({name:`italic`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`em`},{tag:`i`,getAttrs:e=>e.style.fontStyle!==`normal`&&null},{style:`font-style=normal`,clearMark:e=>e.type.name===this.name},{style:`font-style=italic`}]},renderHTML({HTMLAttributes:e}){return[`em`,k8(this.options.HTMLAttributes,e),0]},addCommands(){return{setItalic:()=>({commands:e})=>e.setMark(this.name),toggleItalic:()=>({commands:e})=>e.toggleMark(this.name),unsetItalic:()=>({commands:e})=>e.unsetMark(this.name)}},markdownTokenName:`em`,parseMarkdown:(e,t)=>t.applyMark(`italic`,t.parseInline(e.tokens||[])),markdownOptions:{htmlReopen:{open:`<em>`,close:`</em>`}},renderMarkdown:(e,t)=>`*${t.renderChildren(e)}*`,addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[Y8({find:Crt,type:this.type}),Y8({find:Trt,type:this.type})]},addPasteRules(){return[r5({find:wrt,type:this.type}),r5({find:Ert,type:this.type})]}}),Q9=`&nbsp;`,$9=`\xA0`,Ort=n5.create({name:`paragraph`,priority:1e3,addOptions(){return{HTMLAttributes:{}}},group:`block`,content:`inline*`,parseHTML(){return[{tag:`p`}]},renderHTML({HTMLAttributes:e}){return[`p`,k8(this.options.HTMLAttributes,e),0]},parseMarkdown:(e,t)=>{let n=e.tokens||[];if(n.length===1&&n[0].type===`image`)return t.parseChildren([n[0]]);let r=t.parseInline(n);return n.length===1&&n[0].type===`text`&&(n[0].raw===Q9||n[0].text===Q9||n[0].raw===$9||n[0].text===$9)&&r.length===1&&r[0].type===`text`&&(r[0].text===Q9||r[0].text===$9)?t.createNode(`paragraph`,void 0,[]):t.createNode(`paragraph`,void 0,r)},renderMarkdown:(e,t,n)=>{if(!e)return``;let r=Array.isArray(e.content)?e.content:[];if(r.length===0){let e=Array.isArray(n?.previousNode?.content)?n.previousNode.content:[];return n?.previousNode?.type===`paragraph`&&e.length===0?Q9:``}return t.renderChildren(r)},addCommands(){return{setParagraph:()=>({commands:e})=>e.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}}),krt=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/,Art=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g,jrt=G8.create({name:`strike`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`s`},{tag:`del`},{tag:`strike`},{style:`text-decoration`,consuming:!1,getAttrs:e=>e.includes(`line-through`)?{}:!1}]},renderHTML({HTMLAttributes:e}){return[`s`,k8(this.options.HTMLAttributes,e),0]},markdownTokenName:`del`,parseMarkdown:(e,t)=>t.applyMark(`strike`,t.parseInline(e.tokens||[])),renderMarkdown:(e,t)=>`~~${t.renderChildren(e)}~~`,addCommands(){return{setStrike:()=>({commands:e})=>e.setMark(this.name),toggleStrike:()=>({commands:e})=>e.toggleMark(this.name),unsetStrike:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-s":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[Y8({find:krt,type:this.type})]},addPasteRules(){return[r5({find:Art,type:this.type})]}}),Mrt=n5.create({name:`text`,group:`inline`,parseMarkdown:e=>({type:`text`,text:e.text||``}),renderMarkdown:e=>e.text||``}),Nrt=G8.create({name:`underline`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`u`},{style:`text-decoration`,consuming:!1,getAttrs:e=>e.includes(`underline`)?{}:!1}]},renderHTML({HTMLAttributes:e}){return[`u`,k8(this.options.HTMLAttributes,e),0]},parseMarkdown(e,t){return t.applyMark(this.name||`underline`,t.parseInline(e.tokens||[]))},renderMarkdown(e,t){return`++${t.renderChildren(e)}++`},markdownTokenizer:{name:`underline`,level:`inline`,start(e){return e.indexOf(`++`)},tokenize(e,t,n){let r=/^(\+\+)([\s\S]+?)(\+\+)/.exec(e);if(!r)return;let i=r[2].trim();return{type:`underline`,raw:r[0],text:i,tokens:n.inlineTokens(i)}}},addCommands(){return{setUnderline:()=>({commands:e})=>e.setMark(this.name),toggleUnderline:()=>({commands:e})=>e.toggleMark(this.name),unsetUnderline:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}}),Prt=J8.create({name:`starterKit`,addExtensions(){let e=[];return this.options.bold!==!1&&e.push(frt.configure(this.options.bold)),this.options.blockquote!==!1&&e.push(srt.configure(this.options.blockquote)),this.options.bulletList!==!1&&e.push(Dtt.configure(this.options.bulletList)),this.options.code!==!1&&e.push(hrt.configure(this.options.code)),this.options.codeBlock!==!1&&e.push(vrt.configure(this.options.codeBlock)),this.options.document!==!1&&e.push(yrt.configure(this.options.document)),this.options.dropcursor!==!1&&e.push(O9e.configure(this.options.dropcursor)),this.options.gapcursor!==!1&&e.push(k9e.configure(this.options.gapcursor)),this.options.hardBreak!==!1&&e.push(brt.configure(this.options.hardBreak)),this.options.heading!==!1&&e.push(xrt.configure(this.options.heading)),this.options.undoRedo!==!1&&e.push(F9e.configure(this.options.undoRedo)),this.options.horizontalRule!==!1&&e.push(Srt.configure(this.options.horizontalRule)),this.options.italic!==!1&&e.push(Drt.configure(this.options.italic)),this.options.listItem!==!1&&e.push(Ott.configure(this.options.listItem)),this.options.listKeymap!==!1&&e.push(Ftt.configure(this.options?.listKeymap)),this.options.link!==!1&&e.push(e9e.configure(this.options?.link)),this.options.orderedList!==!1&&e.push(Ktt.configure(this.options.orderedList)),this.options.paragraph!==!1&&e.push(Ort.configure(this.options.paragraph)),this.options.strike!==!1&&e.push(jrt.configure(this.options.strike)),this.options.text!==!1&&e.push(Mrt.configure(this.options.text)),this.options.underline!==!1&&e.push(Nrt.configure(this.options?.underline)),this.options.trailingNode!==!1&&e.push(P9e.configure(this.options?.trailingNode)),e}}),Frt={type:`doc`,content:[{type:`paragraph`}]},Irt=e=>e||Frt,Lrt=(e,t)=>{if(t){e.commands.setContent(t,{contentType:`markdown`,emitUpdate:!1});return}e.commands.setContent(Frt,{emitUpdate:!1})},Rrt=e=>{try{let t=new URL(e);return[`http:`,`https:`,`mailto:`].includes(t.protocol)}catch{return!1}},zrt=(e,t)=>{let{$from:n}=e.state.selection;for(let e=n.depth;e>=0;e--)if(n.node(e).type.name===t)return!0;return!1},Brt=(e,t)=>!t.clipboardData||e.state.selection.empty?!1:(t.clipboardData.setData(`text/plain`,e.getMarkdown()),t.preventDefault(),!0),Vrt=(e,t)=>{if(!t.clipboardData)return!1;let n=t.clipboardData.getData(`text/plain`);if(!n)return!1;let r=n.trim(),{empty:i}=e.state.selection;return zrt(e,`codeBlock`)?(e.commands.insertContent(n),t.preventDefault(),!0):!i&&Rrt(r)?(e.chain().focus().extendMarkRange(`link`).setLink({href:r}).run(),t.preventDefault(),!0):((e.getMarkdown().trim()===``?e.commands.setContent:e.commands.insertContent)(n,{contentType:`markdown`}),t.preventDefault(),!0)},Hrt=(e={})=>({...e,class:[`n8n-markdown`,e.class].filter(Boolean).join(` `),"data-test-id":`n8n-markdown-editor-content`}),Urt=e=>typeof e==`function`?t=>Hrt(e(t)):Hrt(e),Wrt=(e,n)=>{let r=[Prt,t9e.configure({openOnClick:!1}),I9e.configure({placeholder:()=>e.placeholder??``,showOnlyCurrent:!1}),vtt.configure({resizable:!0}),xtt,btt,ytt,Ztt,Xtt.configure({nested:!0}),art.configure({markedOptions:{gfm:!0,breaks:!1}})],i=p7e({content:Irt(e.modelValue),contentType:e.modelValue?`markdown`:void 0,extensions:[...r,...e.extensions??[]],editable:!e.disabled&&!e.readonly,editorProps:{...e.editorProps,attributes:Urt(e.editorProps?.attributes),handleDOMEvents:{...e.editorProps?.handleDOMEvents,copy:(t,n)=>e.editorProps?.handleDOMEvents?.copy?.(t,n)||(i.value?Brt(i.value,n):!1),paste:(t,n)=>e.editorProps?.handleDOMEvents?.paste?.(t,n)||(i.value?Vrt(i.value,n):!1)}},onCreate:({editor:e})=>{n(`ready`,e)},onUpdate:({editor:e})=>{let t=e.getMarkdown();n(`update:modelValue`,t),n(`input`,t)},onFocus:({event:e})=>{n(`focus`,e)},onBlur:({editor:e,event:t})=>{n(`blur`,e.getMarkdown(),t)}});return(0,t.watch)(()=>e.modelValue,e=>{i.value&&i.value.getMarkdown()!==e&&Lrt(i.value,e??``)}),(0,t.watch)(()=>[e.disabled,e.readonly],([e,t])=>{i.value?.setEditable(!e&&!t,!1)}),i},Grt=R((0,t.defineComponent)({__name:`MarkdownEditorToolbar`,props:{editor:{},disabled:{type:Boolean},isRawMode:{type:Boolean},mode:{},variant:{}},emits:[`update:isRawMode`],setup(e,{emit:n}){let r=e=>T(e,void 0),i=e,a=n,o=(0,t.computed)(()=>[{id:`bold`,label:r(`markdownEditor.bold`),icon:`bold`,command:({editor:e})=>e.chain().focus().toggleBold().run()},{id:`italic`,label:r(`markdownEditor.italic`),icon:`italic`,command:({editor:e})=>e.chain().focus().toggleItalic().run()},{id:`strike`,label:r(`markdownEditor.strikethrough`),icon:`strikethrough`,command:({editor:e})=>e.chain().focus().toggleStrike().run()}]),s=(0,t.computed)(()=>[{id:`bulletList`,label:r(`markdownEditor.bulletList`),icon:`list`,command:({editor:e})=>e.chain().focus().toggleBulletList().run()},{id:`taskList`,label:r(`markdownEditor.taskList`),icon:`list-checks`,command:({editor:e})=>e.chain().focus().toggleTaskList().run()},{id:`codeBlock`,label:r(`markdownEditor.codeBlock`),icon:`file-code`,command:({editor:e})=>e.chain().focus().toggleCodeBlock().run()},{id:`blockquote`,label:r(`markdownEditor.blockquote`),icon:`quote`,command:({editor:e})=>e.chain().focus().toggleBlockquote().run()}]),c=(0,t.computed)(()=>[{id:`undo`,label:r(`markdownEditor.undo`),icon:`undo-2`,command:({editor:e})=>e.chain().focus().undo().run()},{id:`redo`,label:r(`markdownEditor.redo`),icon:`redo-2`,command:({editor:e})=>e.chain().focus().redo().run()}]),l=(0,t.computed)(()=>[{id:`paragraph`,label:r(`markdownEditor.text`),checked:f.value===`paragraph`},{id:`heading-1`,label:r(`markdownEditor.heading1`),checked:f.value===`heading-1`},{id:`heading-2`,label:r(`markdownEditor.heading2`),checked:f.value===`heading-2`},{id:`heading-3`,label:r(`markdownEditor.heading3`),checked:f.value===`heading-3`}]),u=(0,t.computed)(()=>o.value.filter(e=>i.editor.isActive(e.id)).map(e=>e.id)),d=(0,t.computed)(()=>s.value.filter(e=>i.editor.isActive(e.id)).map(e=>e.id)),f=(0,t.computed)(()=>i.editor.isActive(`heading`,{level:1})?`heading-1`:i.editor.isActive(`heading`,{level:2})?`heading-2`:i.editor.isActive(`heading`,{level:3})?`heading-3`:`paragraph`),p=(0,t.computed)(()=>l.value.find(e=>e.id===f.value)?.label??r(`markdownEditor.text`)),m=(0,t.computed)(()=>f.value===`heading-1`?`heading-1`:f.value===`heading-2`?`heading-2`:f.value===`heading-3`?`heading-3`:`type`),h=e=>{i.disabled||i.isRawMode||e.command({editor:i.editor})},g=e=>{if(!(i.disabled||i.isRawMode)){if(e===`heading-1`){i.editor.chain().focus().toggleHeading({level:1}).run();return}if(e===`heading-2`){i.editor.chain().focus().toggleHeading({level:2}).run();return}if(e===`heading-3`){i.editor.chain().focus().toggleHeading({level:3}).run();return}i.editor.chain().focus().setParagraph().run()}};return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([n.$style.toolbar,e.mode===`always`?n.$style.alwaysVisible:``]),"data-test-id":`markdown-editor-toolbar`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([n.$style.toolbarInner,e.variant===`contained`?n.$style.containedToolbar:``])},[(0,t.createVNode)((0,t.unref)(T_),{content:p.value},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(BS),{items:l.value,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.textStyleDropdown),placement:`bottom-start`,onSelect:g},{trigger:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Pa),{variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.textStyleTrigger),"aria-label":p.value},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(z),{icon:m.value,size:`small`},null,8,[`icon`]),(0,t.createVNode)((0,t.unref)(z),{icon:`chevron-down`,size:`small`})]),_:1},8,[`disabled`,`class`,`aria-label`])]),_:1},8,[`items`,`disabled`,`class`])]),_:1},8,[`content`]),(0,t.createVNode)((0,t.unref)(A2),{"model-value":u.value,type:`multiple`,variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.toolbarGroup)},{default:(0,t.withCtx)(e=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(o.value,n=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(k2),(0,t.mergeProps)({key:n.id,value:n.id,label:n.label,icon:n.icon},{ref_for:!0},e,{onClick:e=>h(n)}),null,16,[`value`,`label`,`icon`,`onClick`]))),128))]),_:1},8,[`model-value`,`disabled`,`class`]),(0,t.createVNode)((0,t.unref)(A2),{"model-value":d.value,type:`multiple`,variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.toolbarGroup)},{default:(0,t.withCtx)(e=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(s.value,n=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(k2),(0,t.mergeProps)({key:n.id,value:n.id,label:n.label,icon:n.icon},{ref_for:!0},e,{onClick:e=>h(n)}),null,16,[`value`,`label`,`icon`,`onClick`]))),128))]),_:1},8,[`model-value`,`disabled`,`class`]),(0,t.createVNode)((0,t.unref)(A2),{"model-value":[],type:`multiple`,variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.toolbarGroup)},{default:(0,t.withCtx)(e=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(c.value,n=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(k2),(0,t.mergeProps)({key:n.id,value:n.id,label:n.label,icon:n.icon},{ref_for:!0},e,{onClick:e=>h(n)}),null,16,[`value`,`label`,`icon`,`onClick`]))),128))]),_:1},8,[`disabled`,`class`]),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([n.$style.toolbarGroup,n.$style.rawToggleGroup])},[(0,t.createVNode)((0,t.unref)(k2),{"model-value":e.isRawMode,label:e.isRawMode?r(`markdownEditor.formattedMarkdownView`):r(`markdownEditor.rawMarkdownView`),icon:`file-code`,variant:`ghost`,size:`small`,disabled:e.disabled,"onUpdate:modelValue":i[0]||=e=>a(`update:isRawMode`,e)},null,8,[`model-value`,`label`,`disabled`])],2)],2)],2))}}),[[`__cssModules`,{$style:{toolbar:`_toolbar_hte84_1`,toolbarInner:`_toolbarInner_hte84_12`,containedToolbar:`_containedToolbar_hte84_22`,alwaysVisible:`_alwaysVisible_hte84_29`,textStyleDropdown:`_textStyleDropdown_hte84_35`,textStyleTrigger:`_textStyleTrigger_hte84_39`,toolbarGroup:`_toolbarGroup_hte84_44`,rawToggleGroup:`_rawToggleGroup_hte84_52`}}]]),Krt=[`value`,`placeholder`,`disabled`,`readonly`],qrt=R((0,t.defineComponent)({__name:`MarkdownEditor`,props:{modelValue:{default:``},variant:{default:`contained`},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showToolbar:{default:`always`},maxHeight:{default:`480px`},extensions:{},editorProps:{},containerClass:{default:``}},emits:[`update:modelValue`,`input`,`focus`,`blur`,`ready`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.computed)(()=>({"--markdown-editor-max-height":typeof i.maxHeight==`number`?`${i.maxHeight}px`:i.maxHeight})),s=(0,t.computed)(()=>i.showToolbar!==`never`),c=(0,t.computed)(()=>i.showToolbar===`always`?`always`:`hover`),l=(0,t.computed)(()=>i.showToolbar===`always`),u=Wrt(i,a),d=(0,t.ref)(!1),f=(0,t.ref)(i.modelValue),p=(0,t.ref)(),m=(0,t.ref)(),h=(0,t.ref)();(0,t.watch)(()=>i.modelValue,e=>{d.value&&(f.value=e??``)});function g(){let e=p.value?.querySelector(`.n8n-markdown`);return e?`${e.clientHeight}px`:void 0}async function _(e){if(e){f.value=u.value?.getMarkdown()??i.modelValue,h.value=g(),d.value=!0,await(0,t.nextTick)(),m.value?.focus();return}u.value&&Lrt(u.value,f.value),d.value=!1,h.value=void 0,await(0,t.nextTick)(),u.value?.commands.focus()}function v(e){let t=e.target.value;f.value=t,a(`update:modelValue`,t),a(`input`,t)}function y(e){a(`focus`,e)}function b(e){a(`blur`,f.value,e)}function x(){if(d.value){m.value?.focus();return}u.value?.commands.focus()}function S(){if(d.value){m.value?.blur();return}u.value?.commands.blur()}function C(){return d.value?f.value:u.value?.getMarkdown()??``}function w(){return u.value}return n({focus:x,blur:S,getMarkdown:C,getEditor:w}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`container`,ref:p,class:(0,t.normalizeClass)([`n8n-markdown-editor-container`,e.$style.container,i.variant===`ghost`?e.$style.ghost:e.$style.contained,i.containerClass,i.disabled?e.$style.disabled:``]),style:(0,t.normalizeStyle)(o.value),"data-test-id":`n8n-markdown-editor`},[s.value&&(0,t.unref)(u)?((0,t.openBlock)(),(0,t.createBlock)(Grt,{key:0,editor:(0,t.unref)(u),disabled:i.disabled||i.readonly,"is-raw-mode":d.value,mode:c.value,variant:i.variant,"onUpdate:isRawMode":_},null,8,[`editor`,`disabled`,`is-raw-mode`,`mode`,`variant`])):(0,t.createCommentVNode)(``,!0),d.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)([e.$style.content,l.value?e.$style.padTop:``])},[(0,t.createElementVNode)(`textarea`,{ref_key:`rawEditor`,ref:m,value:f.value,class:(0,t.normalizeClass)([e.$style.rawContent,l.value?e.$style.padTop:``]),style:(0,t.normalizeStyle)({"--markdown-editor-raw-height":h.value}),placeholder:i.placeholder,disabled:i.disabled,readonly:i.readonly,"data-test-id":`n8n-markdown-editor-raw-content`,onInput:v,onFocus:y,onBlur:b},null,46,Krt)],2)):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(f7e),{key:2,editor:(0,t.unref)(u),class:(0,t.normalizeClass)([e.$style.content,l.value?e.$style.padTop:``])},null,8,[`editor`,`class`]))],6))}}),[[`__cssModules`,{$style:{disabled:`_disabled_1yx6h_3`,container:`_container_1yx6h_8`,ghost:`_ghost_1yx6h_16`,contained:`_contained_1yx6h_21`,content:`_content_1yx6h_53`,padTop:`_padTop_1yx6h_72`,rawContent:`_rawContent_1yx6h_90`}}]]);e.MessageWrapper=MDe,e.N8nActionBox=pTe,e.N8nActionDropdown=EBe,e.N8nActionPill=S2,e.N8nActionToggle=HS,e.N8nAlert=WBe,e.N8nAlertDialog=FQe,e.N8nAskAssistantButton=gTe,e.N8nAskAssistantChat=jOe,e.N8nAssistantAvatar=NOe,e.N8nAssistantIcon=MOe,e.N8nAssistantText=POe,e.N8nAvatar=QS,e.N8nBadge=j_,e.N8nBlockUi=eWe,e.N8nBreadcrumbs=cXe,e.N8nButton=Pa,e.N8nCallout=Ra,e.N8nCanvasCollaborationPill=nWe,e.N8nCanvasThinkingPill=tWe,e.N8nCard=rWe,e.N8nCheckbox=EC,e.N8nCircleLoader=cWe,e.N8nCollapsiblePanel=HWe,e.N8nColorPicker=QWe,e.N8nCommandBar=bQe,e.N8nDataTableServer=iQe,e.N8nDatatable=aGe,e.N8nDateRangePicker=mQe,e.N8nDialog=NQe,e.N8nDialogClose=xQe,e.N8nDialogContent=_4,e.N8nDialogDescription=v4,e.N8nDialogFooter=PQe,e.N8nDialogHeader=y4,e.N8nDialogOverlay=b4,e.N8nDialogTitle=x4,e.N8nDropdownMenu=BS,e.N8nDropdownMenuItem=zS,e.N8nExternalLink=oGe,e.N8nFloatingWindow=sGe,e.N8nFormBox=nKe,e.N8nFormInput=BC,e.N8nFormInputs=HC,e.N8nHeaderAction=iKe,e.N8nHeading=za,e.N8nHoverCard=AKe,e.N8nIcon=z,e.N8nIconButton=op,e.N8nIconPicker=GYe,e.N8nInfoAccordion=NKe,e.N8nInfoTip=PKe,e.N8nInlineAskAssistantButton=jKe,e.N8nInlineTextEdit=uQe,e.N8nInput=sp,e.N8nInputLabel=DC,e.N8nInputNumber=FKe,e.N8nInputNumber2=k$e,e.N8nKeyboardShortcut=VS,e.N8nLink=zC,e.N8nLoading=FS,e.N8nLoading2=O$e,e.N8nLogo=HKe,e.N8nMarkdown=cqe,e.N8nMarkdownEditor=qrt,e.N8nMenuItem=dqe,e.N8nMessageRating=cp,e.N8nNavigationDropdown=hqe,e.N8nNodeCreatorNode=vqe,e.N8nNodeIcon=xqe,e.N8nNotice=Tqe,e.N8nOption=yC,e.N8nPagination=bC,e.N8nPagination2=UQe,e.N8nPlugin=IQe,e.N8nPopover=D2,e.N8nPopoverReka=D2,e.N8nPreviewTag=T2,e.N8nPromptInput=A_,e.N8nPromptInputSuggestions=OOe,e.N8nPulse=EJe,e.N8nRadioButtons=BJe,e.N8nRecycleScroller=VJe,e.N8nResizeObserver=VC,e.N8nResizeWrapper=qJe,e.N8nResizeableSticky=eYe,e.N8nRoute=RC,e.N8nScrollArea=dQe,e.N8nSectionHeader=Eqe,e.N8nSelect=xC,e.N8nSelect2=zQe,e.N8nSelect2Item=RQe,e.N8nSelectableList=kqe,e.N8nSendStopButton=COe,e.N8nSpinner=XJe,e.N8nSticky=$Je,e.N8nSuggestedActions=rYe,e.N8nSwitch=aYe,e.N8nSwitch2=iYe,e.N8nTableBase=SC,e.N8nTableHeaderControlsButton=lQe,e.N8nTabs=dYe,e.N8nTag=w2,e.N8nTags=fYe,e.N8nText=Ia,e.N8nToggle=k2,e.N8nToggleGroup=A2,e.N8nTooltip=T_,e.N8nTree=yYe,e.N8nUserInfo=j2,e.N8nUserSelect=SYe,e.N8nUserStack=xYe,e.N8nUsersList=wYe,e.TOOLTIP_DELAY_MS=rKe,e.ThinkingMessage=E_,e.adjustColorLightness=nC,e.createFormEventBus=iC,e.createPasswordRules=wC,e.directionsCursorMaps=O2,e.getContrastTextColor=tC,e.getValueByPath=vC,e.hasRequiredProps=xOe,e.isAgentSuggestionMessage=_Oe,e.isBinary=WJe,e.isCodeDiffMessage=fOe,e.isCustomMenuItem=HJe,e.isCustomMessage=yOe,e.isEndSessionMessage=mOe,e.isErrorMessage=pOe,e.isEventBindingElementAttribute=gC,e.isNodeIcon=yfe,e.isSessionErrorMessage=gOe,e.isSessionTimeoutMessage=hOe,e.isSummaryBlock=dOe,e.isTaskAbortedMessage=uOe,e.isTextMessage=lOe,e.isThinkingGroupMessage=bOe,e.isToolMessage=D_,e.isValidHexColor=eC,e.isWorkflowUpdatedMessage=vOe,Object.defineProperty(e,`locale`,{enumerable:!0,get:function(){return x}}),e.n8nHtml=tp,e.n8nTruncate=wwe,e.removeDynamicAttributes=ZWe,e.serializeAttr=hC,e.toggleCheckbox=mC,e.uid=_C,e.updatedIconSet=jn});
+`,parseMarkdown:()=>({type:`hardBreak`}),addCommands(){return{setHardBreak:()=>({commands:e,chain:t,state:n,editor:r})=>e.first([()=>e.exitCode(),()=>e.command(()=>{let{selection:e,storedMarks:i}=n;if(e.$from.parent.type.spec.isolating)return!1;let{keepMarks:a}=this.options,{splittableMarks:o}=r.extensionManager,s=i||e.$to.parentOffset&&e.$from.marks();return t().insertContent({type:this.name}).command(({tr:e,dispatch:t})=>{if(t&&s&&a){let t=s.filter(e=>o.includes(e.type.name));e.ensureMarks(t)}return!0}).run()})])}},addKeyboardShortcuts(){return{"Mod-Enter":()=>this.editor.commands.setHardBreak(),"Shift-Enter":()=>this.editor.commands.setHardBreak()}}}),xrt=n5.create({name:`heading`,addOptions(){return{levels:[1,2,3,4,5,6],HTMLAttributes:{}}},content:`inline*`,group:`block`,defining:!0,addAttributes(){return{level:{default:1,rendered:!1}}},parseHTML(){return this.options.levels.map(e=>({tag:`h${e}`,attrs:{level:e}}))},renderHTML({node:e,HTMLAttributes:t}){return[`h${this.options.levels.includes(e.attrs.level)?e.attrs.level:this.options.levels[0]}`,k8(this.options.HTMLAttributes,t),0]},parseMarkdown:(e,t)=>t.createNode(`heading`,{level:e.depth||1},t.parseInline(e.tokens||[])),renderMarkdown:(e,t)=>{let n=e.attrs?.level?parseInt(e.attrs.level,10):1,r=`#`.repeat(n);return e.content?`${r} ${t.renderChildren(e.content)}`:``},addCommands(){return{setHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.setNode(this.name,e):!1,toggleHeading:e=>({commands:t})=>this.options.levels.includes(e.level)?t.toggleNode(this.name,`paragraph`,e):!1}},addKeyboardShortcuts(){return this.options.levels.reduce((e,t)=>({...e,[`Mod-Alt-${t}`]:()=>this.editor.commands.toggleHeading({level:t})}),{})},addInputRules(){return this.options.levels.map(e=>X8({find:RegExp(`^(#{${Math.min(...this.options.levels)},${e}})\\s$`),type:this.type,getAttributes:{level:e}}))}}),Srt=n5.create({name:`horizontalRule`,addOptions(){return{HTMLAttributes:{},nextNodeType:`paragraph`}},group:`block`,parseHTML(){return[{tag:`hr`}]},renderHTML({HTMLAttributes:e}){return[`hr`,k8(this.options.HTMLAttributes,e)]},markdownTokenName:`hr`,parseMarkdown:(e,t)=>t.createNode(`horizontalRule`),renderMarkdown:()=>`---`,addCommands(){return{setHorizontalRule:()=>({chain:e,state:t})=>{if(!t7e(t,t.schema.nodes[this.name]))return!1;let{selection:n}=t,{$to:r}=n,i=e();return t5e(n)?i.insertContentAt(r.pos,{type:this.name}):i.insertContent({type:this.name}),i.command(({state:e,tr:t,dispatch:n})=>{if(n){let{$to:n}=t.selection,r=n.end();if(n.nodeAfter)n.nodeAfter.isTextblock?t.setSelection(X.create(t.doc,n.pos+1)):n.nodeAfter.isBlock?t.setSelection(Z.create(t.doc,n.pos)):t.setSelection(X.create(t.doc,n.pos));else{let i=(e.schema.nodes[this.options.nextNodeType]||n.parent.type.contentMatch.defaultType)?.create();i&&(t.insert(r,i),t.setSelection(X.create(t.doc,r+1)))}t.scrollIntoView()}return!0}).run()}}},addInputRules(){return[e7e({find:/^(?:---|—-|___\s|\*\*\*\s)$/,type:this.type})]}}),Crt=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/,wrt=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g,Trt=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/,Ert=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g,Drt=G8.create({name:`italic`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`em`},{tag:`i`,getAttrs:e=>e.style.fontStyle!==`normal`&&null},{style:`font-style=normal`,clearMark:e=>e.type.name===this.name},{style:`font-style=italic`}]},renderHTML({HTMLAttributes:e}){return[`em`,k8(this.options.HTMLAttributes,e),0]},addCommands(){return{setItalic:()=>({commands:e})=>e.setMark(this.name),toggleItalic:()=>({commands:e})=>e.toggleMark(this.name),unsetItalic:()=>({commands:e})=>e.unsetMark(this.name)}},markdownTokenName:`em`,parseMarkdown:(e,t)=>t.applyMark(`italic`,t.parseInline(e.tokens||[])),markdownOptions:{htmlReopen:{open:`<em>`,close:`</em>`}},renderMarkdown:(e,t)=>`*${t.renderChildren(e)}*`,addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[Y8({find:Crt,type:this.type}),Y8({find:Trt,type:this.type})]},addPasteRules(){return[r5({find:wrt,type:this.type}),r5({find:Ert,type:this.type})]}}),Q9=`&nbsp;`,$9=`\xA0`,Ort=n5.create({name:`paragraph`,priority:1e3,addOptions(){return{HTMLAttributes:{}}},group:`block`,content:`inline*`,parseHTML(){return[{tag:`p`}]},renderHTML({HTMLAttributes:e}){return[`p`,k8(this.options.HTMLAttributes,e),0]},parseMarkdown:(e,t)=>{let n=e.tokens||[];if(n.length===1&&n[0].type===`image`)return t.parseChildren([n[0]]);let r=t.parseInline(n);return n.length===1&&n[0].type===`text`&&(n[0].raw===Q9||n[0].text===Q9||n[0].raw===$9||n[0].text===$9)&&r.length===1&&r[0].type===`text`&&(r[0].text===Q9||r[0].text===$9)?t.createNode(`paragraph`,void 0,[]):t.createNode(`paragraph`,void 0,r)},renderMarkdown:(e,t,n)=>{if(!e)return``;let r=Array.isArray(e.content)?e.content:[];if(r.length===0){let e=Array.isArray(n?.previousNode?.content)?n.previousNode.content:[];return n?.previousNode?.type===`paragraph`&&e.length===0?Q9:``}return t.renderChildren(r)},addCommands(){return{setParagraph:()=>({commands:e})=>e.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}}),krt=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/,Art=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g,jrt=G8.create({name:`strike`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`s`},{tag:`del`},{tag:`strike`},{style:`text-decoration`,consuming:!1,getAttrs:e=>e.includes(`line-through`)?{}:!1}]},renderHTML({HTMLAttributes:e}){return[`s`,k8(this.options.HTMLAttributes,e),0]},markdownTokenName:`del`,parseMarkdown:(e,t)=>t.applyMark(`strike`,t.parseInline(e.tokens||[])),renderMarkdown:(e,t)=>`~~${t.renderChildren(e)}~~`,addCommands(){return{setStrike:()=>({commands:e})=>e.setMark(this.name),toggleStrike:()=>({commands:e})=>e.toggleMark(this.name),unsetStrike:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-s":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[Y8({find:krt,type:this.type})]},addPasteRules(){return[r5({find:Art,type:this.type})]}}),Mrt=n5.create({name:`text`,group:`inline`,parseMarkdown:e=>({type:`text`,text:e.text||``}),renderMarkdown:e=>e.text||``}),Nrt=G8.create({name:`underline`,addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:`u`},{style:`text-decoration`,consuming:!1,getAttrs:e=>e.includes(`underline`)?{}:!1}]},renderHTML({HTMLAttributes:e}){return[`u`,k8(this.options.HTMLAttributes,e),0]},parseMarkdown(e,t){return t.applyMark(this.name||`underline`,t.parseInline(e.tokens||[]))},renderMarkdown(e,t){return`++${t.renderChildren(e)}++`},markdownTokenizer:{name:`underline`,level:`inline`,start(e){return e.indexOf(`++`)},tokenize(e,t,n){let r=/^(\+\+)([\s\S]+?)(\+\+)/.exec(e);if(!r)return;let i=r[2].trim();return{type:`underline`,raw:r[0],text:i,tokens:n.inlineTokens(i)}}},addCommands(){return{setUnderline:()=>({commands:e})=>e.setMark(this.name),toggleUnderline:()=>({commands:e})=>e.toggleMark(this.name),unsetUnderline:()=>({commands:e})=>e.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}}),Prt=J8.create({name:`starterKit`,addExtensions(){let e=[];return this.options.bold!==!1&&e.push(frt.configure(this.options.bold)),this.options.blockquote!==!1&&e.push(srt.configure(this.options.blockquote)),this.options.bulletList!==!1&&e.push(Dtt.configure(this.options.bulletList)),this.options.code!==!1&&e.push(hrt.configure(this.options.code)),this.options.codeBlock!==!1&&e.push(vrt.configure(this.options.codeBlock)),this.options.document!==!1&&e.push(yrt.configure(this.options.document)),this.options.dropcursor!==!1&&e.push(O9e.configure(this.options.dropcursor)),this.options.gapcursor!==!1&&e.push(k9e.configure(this.options.gapcursor)),this.options.hardBreak!==!1&&e.push(brt.configure(this.options.hardBreak)),this.options.heading!==!1&&e.push(xrt.configure(this.options.heading)),this.options.undoRedo!==!1&&e.push(F9e.configure(this.options.undoRedo)),this.options.horizontalRule!==!1&&e.push(Srt.configure(this.options.horizontalRule)),this.options.italic!==!1&&e.push(Drt.configure(this.options.italic)),this.options.listItem!==!1&&e.push(Ott.configure(this.options.listItem)),this.options.listKeymap!==!1&&e.push(Ftt.configure(this.options?.listKeymap)),this.options.link!==!1&&e.push(e9e.configure(this.options?.link)),this.options.orderedList!==!1&&e.push(Ktt.configure(this.options.orderedList)),this.options.paragraph!==!1&&e.push(Ort.configure(this.options.paragraph)),this.options.strike!==!1&&e.push(jrt.configure(this.options.strike)),this.options.text!==!1&&e.push(Mrt.configure(this.options.text)),this.options.underline!==!1&&e.push(Nrt.configure(this.options?.underline)),this.options.trailingNode!==!1&&e.push(P9e.configure(this.options?.trailingNode)),e}}),Frt={type:`doc`,content:[{type:`paragraph`}]},Irt=e=>e||Frt,Lrt=(e,t)=>{if(t){e.commands.setContent(t,{contentType:`markdown`,emitUpdate:!1});return}e.commands.setContent(Frt,{emitUpdate:!1})},Rrt=e=>{try{let t=new URL(e);return[`http:`,`https:`,`mailto:`].includes(t.protocol)}catch{return!1}},zrt=(e,t)=>{let{$from:n}=e.state.selection;for(let e=n.depth;e>=0;e--)if(n.node(e).type.name===t)return!0;return!1},Brt=e=>typeof e==`object`&&!!e&&`type`in e,Vrt=e=>Array.isArray(e)&&e.every(Brt),Hrt=e=>{let t=e.state.selection.content().content.toJSON();return!Vrt(t)||!e.markdown?``:e.markdown.serialize({type:`doc`,content:t})},Urt=(e,t)=>!t.clipboardData||e.state.selection.empty?!1:(t.clipboardData.setData(`text/plain`,Hrt(e)),t.preventDefault(),!0),Wrt=(e,t)=>{if(!t.clipboardData)return!1;let n=t.clipboardData.getData(`text/plain`);if(!n)return!1;let r=n.trim(),{empty:i}=e.state.selection;return zrt(e,`codeBlock`)?(e.commands.insertContent(n),t.preventDefault(),!0):!i&&Rrt(r)?(e.chain().focus().extendMarkRange(`link`).setLink({href:r}).run(),t.preventDefault(),!0):((e.getMarkdown().trim()===``?e.commands.setContent:e.commands.insertContent)(n,{contentType:`markdown`}),t.preventDefault(),!0)},Grt=(e={})=>({...e,class:[`n8n-markdown`,e.class].filter(Boolean).join(` `),"data-test-id":`n8n-markdown-editor-content`}),Krt=e=>typeof e==`function`?t=>Grt(e(t)):Grt(e),qrt=(e,n)=>{let r=[Prt,t9e.configure({openOnClick:!1}),I9e.configure({placeholder:()=>e.placeholder??``,showOnlyCurrent:!1}),vtt.configure({resizable:!0}),xtt,btt,ytt,Ztt,Xtt.configure({nested:!0}),art.configure({markedOptions:{gfm:!0,breaks:!1}})],i=p7e({content:Irt(e.modelValue),contentType:e.modelValue?`markdown`:void 0,extensions:[...r,...e.extensions??[]],editable:!e.disabled&&!e.readonly,editorProps:{...e.editorProps,attributes:Krt(e.editorProps?.attributes),handleDOMEvents:{...e.editorProps?.handleDOMEvents,copy:(t,n)=>e.editorProps?.handleDOMEvents?.copy?.(t,n)||(i.value?Urt(i.value,n):!1),paste:(t,n)=>e.editorProps?.handleDOMEvents?.paste?.(t,n)||(i.value?Wrt(i.value,n):!1)}},onCreate:({editor:e})=>{n(`ready`,e)},onUpdate:({editor:e})=>{let t=e.getMarkdown();n(`update:modelValue`,t),n(`input`,t)},onFocus:({event:e})=>{n(`focus`,e)},onBlur:({editor:e,event:t})=>{n(`blur`,e.getMarkdown(),t)}});return(0,t.watch)(()=>e.modelValue,e=>{i.value&&i.value.getMarkdown()!==e&&Lrt(i.value,e??``)}),(0,t.watch)(()=>[e.disabled,e.readonly],([e,t])=>{i.value?.setEditable(!e&&!t,!1)}),i},Jrt=R((0,t.defineComponent)({__name:`MarkdownEditorToolbar`,props:{editor:{},disabled:{type:Boolean},isRawMode:{type:Boolean},mode:{},variant:{}},emits:[`update:isRawMode`],setup(e,{emit:n}){let r=e=>T(e,void 0),i=e,a=n,o=(0,t.computed)(()=>[{id:`bold`,label:r(`markdownEditor.bold`),icon:`bold`,command:({editor:e})=>e.chain().focus().toggleBold().run()},{id:`italic`,label:r(`markdownEditor.italic`),icon:`italic`,command:({editor:e})=>e.chain().focus().toggleItalic().run()},{id:`strike`,label:r(`markdownEditor.strikethrough`),icon:`strikethrough`,command:({editor:e})=>e.chain().focus().toggleStrike().run()}]),s=(0,t.computed)(()=>[{id:`bulletList`,label:r(`markdownEditor.bulletList`),icon:`list`,command:({editor:e})=>e.chain().focus().toggleBulletList().run()},{id:`taskList`,label:r(`markdownEditor.taskList`),icon:`list-checks`,command:({editor:e})=>e.chain().focus().toggleTaskList().run()},{id:`codeBlock`,label:r(`markdownEditor.codeBlock`),icon:`file-code`,command:({editor:e})=>e.chain().focus().toggleCodeBlock().run()},{id:`blockquote`,label:r(`markdownEditor.blockquote`),icon:`quote`,command:({editor:e})=>e.chain().focus().toggleBlockquote().run()}]),c=(0,t.computed)(()=>[{id:`undo`,label:r(`markdownEditor.undo`),icon:`undo-2`,command:({editor:e})=>e.chain().focus().undo().run()},{id:`redo`,label:r(`markdownEditor.redo`),icon:`redo-2`,command:({editor:e})=>e.chain().focus().redo().run()}]),l=(0,t.computed)(()=>[{id:`paragraph`,label:r(`markdownEditor.text`),checked:f.value===`paragraph`},{id:`heading-1`,label:r(`markdownEditor.heading1`),checked:f.value===`heading-1`},{id:`heading-2`,label:r(`markdownEditor.heading2`),checked:f.value===`heading-2`},{id:`heading-3`,label:r(`markdownEditor.heading3`),checked:f.value===`heading-3`}]),u=(0,t.computed)(()=>o.value.filter(e=>i.editor.isActive(e.id)).map(e=>e.id)),d=(0,t.computed)(()=>s.value.filter(e=>i.editor.isActive(e.id)).map(e=>e.id)),f=(0,t.computed)(()=>i.editor.isActive(`heading`,{level:1})?`heading-1`:i.editor.isActive(`heading`,{level:2})?`heading-2`:i.editor.isActive(`heading`,{level:3})?`heading-3`:`paragraph`),p=(0,t.computed)(()=>l.value.find(e=>e.id===f.value)?.label??r(`markdownEditor.text`)),m=(0,t.computed)(()=>f.value===`heading-1`?`heading-1`:f.value===`heading-2`?`heading-2`:f.value===`heading-3`?`heading-3`:`type`),h=e=>{i.disabled||i.isRawMode||e.command({editor:i.editor})},g=e=>{if(!(i.disabled||i.isRawMode)){if(e===`heading-1`){i.editor.chain().focus().toggleHeading({level:1}).run();return}if(e===`heading-2`){i.editor.chain().focus().toggleHeading({level:2}).run();return}if(e===`heading-3`){i.editor.chain().focus().toggleHeading({level:3}).run();return}i.editor.chain().focus().setParagraph().run()}};return(n,i)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{class:(0,t.normalizeClass)([n.$style.toolbar,e.mode===`always`?n.$style.alwaysVisible:``]),"data-test-id":`markdown-editor-toolbar`},[(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([n.$style.toolbarInner,e.variant===`contained`?n.$style.containedToolbar:``])},[(0,t.createVNode)((0,t.unref)(T_),{content:p.value},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(BS),{items:l.value,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.textStyleDropdown),placement:`bottom-start`,onSelect:g},{trigger:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(Pa),{variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.textStyleTrigger),"aria-label":p.value},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(z),{icon:m.value,size:`small`},null,8,[`icon`]),(0,t.createVNode)((0,t.unref)(z),{icon:`chevron-down`,size:`small`})]),_:1},8,[`disabled`,`class`,`aria-label`])]),_:1},8,[`items`,`disabled`,`class`])]),_:1},8,[`content`]),(0,t.createVNode)((0,t.unref)(A2),{"model-value":u.value,type:`multiple`,variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.toolbarGroup)},{default:(0,t.withCtx)(e=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(o.value,n=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(k2),(0,t.mergeProps)({key:n.id,value:n.id,label:n.label,icon:n.icon},{ref_for:!0},e,{onClick:e=>h(n)}),null,16,[`value`,`label`,`icon`,`onClick`]))),128))]),_:1},8,[`model-value`,`disabled`,`class`]),(0,t.createVNode)((0,t.unref)(A2),{"model-value":d.value,type:`multiple`,variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.toolbarGroup)},{default:(0,t.withCtx)(e=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(s.value,n=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(k2),(0,t.mergeProps)({key:n.id,value:n.id,label:n.label,icon:n.icon},{ref_for:!0},e,{onClick:e=>h(n)}),null,16,[`value`,`label`,`icon`,`onClick`]))),128))]),_:1},8,[`model-value`,`disabled`,`class`]),(0,t.createVNode)((0,t.unref)(A2),{"model-value":[],type:`multiple`,variant:`ghost`,size:`small`,disabled:e.disabled||e.isRawMode,class:(0,t.normalizeClass)(n.$style.toolbarGroup)},{default:(0,t.withCtx)(e=>[((0,t.openBlock)(!0),(0,t.createElementBlock)(t.Fragment,null,(0,t.renderList)(c.value,n=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(k2),(0,t.mergeProps)({key:n.id,value:n.id,label:n.label,icon:n.icon},{ref_for:!0},e,{onClick:e=>h(n)}),null,16,[`value`,`label`,`icon`,`onClick`]))),128))]),_:1},8,[`disabled`,`class`]),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([n.$style.toolbarGroup,n.$style.rawToggleGroup])},[(0,t.createVNode)((0,t.unref)(k2),{"model-value":e.isRawMode,label:e.isRawMode?r(`markdownEditor.formattedMarkdownView`):r(`markdownEditor.rawMarkdownView`),icon:`file-code`,variant:`ghost`,size:`small`,disabled:e.disabled,"onUpdate:modelValue":i[0]||=e=>a(`update:isRawMode`,e)},null,8,[`model-value`,`label`,`disabled`])],2)],2)],2))}}),[[`__cssModules`,{$style:{toolbar:`_toolbar_trk2s_1`,toolbarInner:`_toolbarInner_trk2s_11`,containedToolbar:`_containedToolbar_trk2s_21`,alwaysVisible:`_alwaysVisible_trk2s_28`,textStyleDropdown:`_textStyleDropdown_trk2s_34`,textStyleTrigger:`_textStyleTrigger_trk2s_38`,toolbarGroup:`_toolbarGroup_trk2s_43`,rawToggleGroup:`_rawToggleGroup_trk2s_51`}}]]),Yrt=[`value`,`placeholder`,`disabled`,`readonly`],Xrt=R((0,t.defineComponent)({__name:`MarkdownEditor`,props:{modelValue:{default:``},variant:{default:`contained`},placeholder:{default:``},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},showToolbar:{default:`always`},maxHeight:{default:`480px`},extensions:{},editorProps:{},containerClass:{default:``}},emits:[`update:modelValue`,`input`,`focus`,`blur`,`ready`],setup(e,{expose:n,emit:r}){let i=e,a=r,o=(0,t.computed)(()=>({"--markdown-editor-max-height":typeof i.maxHeight==`number`?`${i.maxHeight}px`:i.maxHeight})),s=(0,t.computed)(()=>i.showToolbar!==`never`),c=(0,t.computed)(()=>i.showToolbar===`always`?`always`:`hover`),l=(0,t.computed)(()=>i.showToolbar===`always`),u=qrt(i,a),d=(0,t.ref)(!1),f=(0,t.ref)(i.modelValue),p=(0,t.ref)(),m=(0,t.ref)(),h=(0,t.ref)();(0,t.watch)(()=>i.modelValue,e=>{d.value&&(f.value=e??``)});function g(){let e=p.value?.querySelector(`.n8n-markdown`);return e?`${e.clientHeight}px`:void 0}async function _(e){if(e){f.value=u.value?.getMarkdown()??i.modelValue,h.value=g(),d.value=!0,await(0,t.nextTick)(),m.value?.focus();return}u.value&&Lrt(u.value,f.value),d.value=!1,h.value=void 0,await(0,t.nextTick)(),u.value?.commands.focus()}function v(e){let t=e.target.value;f.value=t,a(`update:modelValue`,t),a(`input`,t)}function y(e){a(`focus`,e)}function b(e){a(`blur`,f.value,e)}function x(){if(d.value){m.value?.focus();return}u.value?.commands.focus()}function S(){if(d.value){m.value?.blur();return}u.value?.commands.blur()}function C(){return d.value?f.value:u.value?.getMarkdown()??``}function w(){return u.value}return n({focus:x,blur:S,getMarkdown:C,getEditor:w}),(e,n)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`container`,ref:p,class:(0,t.normalizeClass)([`n8n-markdown-editor-container`,e.$style.container,i.variant===`ghost`?e.$style.ghost:e.$style.contained,i.containerClass,i.disabled?e.$style.disabled:``]),style:(0,t.normalizeStyle)(o.value),"data-test-id":`n8n-markdown-editor`},[s.value&&(0,t.unref)(u)?((0,t.openBlock)(),(0,t.createBlock)(Jrt,{key:0,editor:(0,t.unref)(u),disabled:i.disabled||i.readonly,"is-raw-mode":d.value,mode:c.value,variant:i.variant,"onUpdate:isRawMode":_},null,8,[`editor`,`disabled`,`is-raw-mode`,`mode`,`variant`])):(0,t.createCommentVNode)(``,!0),d.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:1,class:(0,t.normalizeClass)([e.$style.content,l.value?e.$style.padTop:``])},[(0,t.createElementVNode)(`textarea`,{ref_key:`rawEditor`,ref:m,value:f.value,class:(0,t.normalizeClass)([e.$style.rawContent,l.value?e.$style.padTop:``]),style:(0,t.normalizeStyle)({"--markdown-editor-raw-height":h.value}),placeholder:i.placeholder,disabled:i.disabled,readonly:i.readonly,"data-test-id":`n8n-markdown-editor-raw-content`,onInput:v,onFocus:y,onBlur:b},null,46,Yrt)],2)):((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(f7e),{key:2,editor:(0,t.unref)(u),class:(0,t.normalizeClass)([e.$style.content,l.value?e.$style.padTop:``])},null,8,[`editor`,`class`]))],6))}}),[[`__cssModules`,{$style:{disabled:`_disabled_ww5fq_3`,container:`_container_ww5fq_8`,ghost:`_ghost_ww5fq_16`,contained:`_contained_ww5fq_21`,content:`_content_ww5fq_53`,padTop:`_padTop_ww5fq_72`,rawContent:`_rawContent_ww5fq_90`}}]]);e.MessageWrapper=MDe,e.N8nActionBox=pTe,e.N8nActionDropdown=EBe,e.N8nActionPill=S2,e.N8nActionToggle=HS,e.N8nAlert=WBe,e.N8nAlertDialog=FQe,e.N8nAskAssistantButton=gTe,e.N8nAskAssistantChat=jOe,e.N8nAssistantAvatar=NOe,e.N8nAssistantIcon=MOe,e.N8nAssistantText=POe,e.N8nAvatar=QS,e.N8nBadge=j_,e.N8nBlockUi=eWe,e.N8nBreadcrumbs=cXe,e.N8nButton=Pa,e.N8nCallout=Ra,e.N8nCanvasCollaborationPill=nWe,e.N8nCanvasThinkingPill=tWe,e.N8nCard=rWe,e.N8nCheckbox=EC,e.N8nCircleLoader=cWe,e.N8nCollapsiblePanel=HWe,e.N8nColorPicker=QWe,e.N8nCommandBar=bQe,e.N8nDataTableServer=iQe,e.N8nDatatable=aGe,e.N8nDateRangePicker=mQe,e.N8nDialog=NQe,e.N8nDialogClose=xQe,e.N8nDialogContent=_4,e.N8nDialogDescription=v4,e.N8nDialogFooter=PQe,e.N8nDialogHeader=y4,e.N8nDialogOverlay=b4,e.N8nDialogTitle=x4,e.N8nDropdownMenu=BS,e.N8nDropdownMenuItem=zS,e.N8nExternalLink=oGe,e.N8nFloatingWindow=sGe,e.N8nFormBox=nKe,e.N8nFormInput=BC,e.N8nFormInputs=HC,e.N8nHeaderAction=iKe,e.N8nHeading=za,e.N8nHoverCard=AKe,e.N8nIcon=z,e.N8nIconButton=op,e.N8nIconPicker=GYe,e.N8nInfoAccordion=NKe,e.N8nInfoTip=PKe,e.N8nInlineAskAssistantButton=jKe,e.N8nInlineTextEdit=uQe,e.N8nInput=sp,e.N8nInputLabel=DC,e.N8nInputNumber=FKe,e.N8nInputNumber2=k$e,e.N8nKeyboardShortcut=VS,e.N8nLink=zC,e.N8nLoading=FS,e.N8nLoading2=O$e,e.N8nLogo=HKe,e.N8nMarkdown=cqe,e.N8nMarkdownEditor=Xrt,e.N8nMenuItem=dqe,e.N8nMessageRating=cp,e.N8nNavigationDropdown=hqe,e.N8nNodeCreatorNode=vqe,e.N8nNodeIcon=xqe,e.N8nNotice=Tqe,e.N8nOption=yC,e.N8nPagination=bC,e.N8nPagination2=UQe,e.N8nPlugin=IQe,e.N8nPopover=D2,e.N8nPopoverReka=D2,e.N8nPreviewTag=T2,e.N8nPromptInput=A_,e.N8nPromptInputSuggestions=OOe,e.N8nPulse=EJe,e.N8nRadioButtons=BJe,e.N8nRecycleScroller=VJe,e.N8nResizeObserver=VC,e.N8nResizeWrapper=qJe,e.N8nResizeableSticky=eYe,e.N8nRoute=RC,e.N8nScrollArea=dQe,e.N8nSectionHeader=Eqe,e.N8nSelect=xC,e.N8nSelect2=zQe,e.N8nSelect2Item=RQe,e.N8nSelectableList=kqe,e.N8nSendStopButton=COe,e.N8nSpinner=XJe,e.N8nSticky=$Je,e.N8nSuggestedActions=rYe,e.N8nSwitch=aYe,e.N8nSwitch2=iYe,e.N8nTableBase=SC,e.N8nTableHeaderControlsButton=lQe,e.N8nTabs=dYe,e.N8nTag=w2,e.N8nTags=fYe,e.N8nText=Ia,e.N8nToggle=k2,e.N8nToggleGroup=A2,e.N8nTooltip=T_,e.N8nTree=yYe,e.N8nUserInfo=j2,e.N8nUserSelect=SYe,e.N8nUserStack=xYe,e.N8nUsersList=wYe,e.TOOLTIP_DELAY_MS=rKe,e.ThinkingMessage=E_,e.adjustColorLightness=nC,e.createFormEventBus=iC,e.createPasswordRules=wC,e.directionsCursorMaps=O2,e.getContrastTextColor=tC,e.getValueByPath=vC,e.hasRequiredProps=xOe,e.isAgentSuggestionMessage=_Oe,e.isBinary=WJe,e.isCodeDiffMessage=fOe,e.isCustomMenuItem=HJe,e.isCustomMessage=yOe,e.isEndSessionMessage=mOe,e.isErrorMessage=pOe,e.isEventBindingElementAttribute=gC,e.isNodeIcon=yfe,e.isSessionErrorMessage=gOe,e.isSessionTimeoutMessage=hOe,e.isSummaryBlock=dOe,e.isTaskAbortedMessage=uOe,e.isTextMessage=lOe,e.isThinkingGroupMessage=bOe,e.isToolMessage=D_,e.isValidHexColor=eC,e.isWorkflowUpdatedMessage=vOe,Object.defineProperty(e,`locale`,{enumerable:!0,get:function(){return x}}),e.n8nHtml=tp,e.n8nTruncate=wwe,e.removeDynamicAttributes=ZWe,e.serializeAttr=hC,e.toggleCheckbox=mC,e.uid=_C,e.updatedIconSet=jn});

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@n8n/design-system",
-  "version": "2.24.0",
+  "version": "2.24.2",
   "main": "src/index.ts",
   "import": "src/index.ts",
   "license": "SEE LICENSE IN LICENSE.md",