@ni/ok-components 0.3.7 → 0.3.9

package/dist/all-components-bundle.min.js

@@ -1877,6 +1877,7 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
         :host([selected]) .control {
             --ni-private-step-icon-color: ${cc};
             --ni-private-step-icon-border-color: ${cc};
+            --ni-private-step-icon-border-width: 2px;
             --ni-private-step-icon-background-color: rgb(from ${cc} r g b / 30%);
             --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-none-size);
             --ni-private-step-line-color: ${cc};
@@ -1916,10 +1917,6 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
                 box-shadow ${Hd} ease-in-out;
         }
 
-        :host([selected]) .icon {
-            --ni-private-step-icon-border-width: 2px;
-        }
-
         .icon::before {
             content: '';
             position: absolute;
@@ -1929,7 +1926,8 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
             outline-color: var(--ni-private-step-icon-outline-inset-color);
             outline-style: solid;
             outline-width: 0px;
-            outline-offset: 0px;
+            ${""}
+            outline-offset: -1px;
             border: none;
             border-radius: 100%;
             color: transparent;
@@ -2007,9 +2005,9 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
             min-width: ${Tc};
             height: 1px;
             min-height: 1px;
+            transform: scale(1, 1);
             background: var(--ni-private-step-line-color);
             background-clip: content-box;
-            transform: scale(1, 1);
             transition:
                 background-color ${Hd} ease-in-out,
                 transform ${Hd} ease-in-out;
@@ -2023,8 +2021,8 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
             width: 1px;
             min-width: 1px;
             height: 100%;
-            padding-top: ${Ec};
             min-height: ${Tc};
+            padding-top: ${Ec};
         }
 
         .subtitle {
@@ -2053,6 +2051,7 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
     @layer hover {
         .control:hover {
             --ni-private-step-icon-border-color: ${cc};
+            --ni-private-step-icon-border-width: 2px;
             --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-inset-size);
             --ni-private-step-line-color: ${cc};
         }
@@ -2083,8 +2082,12 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
             --ni-private-step-line-color: ${cc};
         }
 
-        .control:hover .icon {
-            --ni-private-step-icon-border-width: 2px;
+        :host([readonly]) .control:hover {
+            --ni-private-step-icon-color: revert-layer;
+            --ni-private-step-icon-border-color: revert-layer;
+            --ni-private-step-icon-border-width: revert-layer;
+            --ni-private-step-icon-background-size: revert-layer;
+            --ni-private-step-line-color: revert-layer;
         }
 
         .control:hover .line {
@@ -2094,11 +2097,16 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
         .container.vertical .control:hover .line {
             transform: scale(2, 1);
         }
+
+        :host([readonly]) .container .control:hover .line {
+            transform: revert-layer;
+        }
     }
 
     @layer focusVisible {
         .control${qo} {
             --ni-private-step-icon-border-color: ${cc};
+            --ni-private-step-icon-border-width: 2px;
             --ni-private-step-icon-outline-inset-color: ${cc};
             --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-inset-size);
             --ni-private-step-line-color: ${cc};
@@ -2134,10 +2142,6 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
             --ni-private-step-line-color: ${cc};
         }
 
-        .control${qo} .icon {
-            --ni-private-step-icon-border-width: 2px;
-        }
-
         .control${qo} .icon::before {
             outline-width: ${Oc};
             ${""}
@@ -2156,6 +2160,7 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
     @layer active {
         .control:active {
             --ni-private-step-icon-border-color: ${cc};
+            --ni-private-step-icon-border-width: 2px;
             --ni-private-step-icon-background-color: ${Jl};
             --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-full-size);
             --ni-private-step-line-color: ${cc};
@@ -2187,26 +2192,45 @@ e&&Ma.unsubscribe(e)}}const vh=(t,e)=>new gh(t,e),bh=Mt`
             --ni-private-step-line-color: ${cc};
         }
 
-        .control:active .icon {
-            --ni-private-step-icon-border-width: 2px;
+        :host([readonly]) .control:active {
+            --ni-private-step-icon-color: revert-layer;
+            --ni-private-step-icon-border-color: revert-layer;
+            --ni-private-step-icon-border-width: revert-layer;
+            --ni-private-step-icon-background-color: revert-layer;
+            --ni-private-step-icon-background-size: revert-layer;
+            --ni-private-step-line-color: revert-layer;
         }
 
         .control:active .icon::before {
             outline-width: 0px;
-            outline-offset: 0px;
+            outline-offset: -1px;
+        }
+
+        :host([readonly]) .control:active .icon::before {
+            outline-width: revert-layer;
+            outline-offset: revert-layer;
         }
 
         .control:active .line {
             transform: scale(1, 1);
         }
+
+        :host([readonly]) .control:active .line {
+            transform: revert-layer;
+        }
     }
 
     @layer disabled {
+        :host([readonly]) .control {
+            cursor: default;
+        }
+
         :host([disabled]) .control {
             cursor: default;
             color: ${Ed};
             --ni-private-step-icon-color: rgb(from ${Id} r g b / 30%);
             --ni-private-step-icon-border-color: transparent;
+            --ni-private-step-icon-border-width: 1px;
             --ni-private-step-icon-background-color: rgba(${ic}, 0.1);
             --ni-private-step-icon-background-size: var(--ni-private-step-icon-background-full-size);
             --ni-private-step-icon-outline-inset-color: transparent;
@@ -2317,7 +2341,7 @@ Km("icon-check",class extends Zm{constructor(){super(Tu)}})
 const Jm="nimble-icon-check",Qm="Close",tg="Increment",eg="Decrement",ng="Error",ig="Warning",og="Completed",rg="Current",sg="Information",ag="Search",lg="No items found",cg="Loading…",dg="Scroll backward",hg="Scroll forward",ug="Remove",pg=Ci.create({name:"popup-dismiss-label",cssCustomPropertyName:null}).withDefault(Qm),fg=Ci.create({name:"numeric-decrement-label",cssCustomPropertyName:null}).withDefault(eg),mg=Ci.create({name:"numeric-increment-label",cssCustomPropertyName:null}).withDefault(tg),gg=Ci.create({name:"popup-icon-error-label",cssCustomPropertyName:null}).withDefault(ng),vg=Ci.create({name:"popup-icon-warning-label",cssCustomPropertyName:null}).withDefault(ig),bg=Ci.create({name:"popup-icon-completed-label",cssCustomPropertyName:null}).withDefault(og),yg=Ci.create({name:"popup-icon-current-label",cssCustomPropertyName:null}).withDefault(rg),wg=Ci.create({name:"popup-icon-information-label",cssCustomPropertyName:null}).withDefault(sg),xg=Ci.create({name:"filter-search-label",cssCustomPropertyName:null}).withDefault(ag),Cg=Ci.create({name:"filter-no-results-label",cssCustomPropertyName:null}).withDefault(lg),kg=Ci.create({name:"loading-label",cssCustomPropertyName:null}).withDefault(cg),Sg=Ci.create({name:"scroll-backward-label",cssCustomPropertyName:null}).withDefault(dg),_g=Ci.create({name:"scroll-forward-label",cssCustomPropertyName:null}).withDefault(hg),$g=Ci.create({name:"item-remove-label",cssCustomPropertyName:null}).withDefault(ug),Mg=Ge
 class Ig{constructor(){this.orientation=Mg.horizontal,this.last=!1,this.position=1}}t([C],Ig.prototype,"orientation",void 0),t([C],Ig.prototype,"last",void 0),t([C],Ig.prototype,"position",void 0)
 const Eg=kh
-class Ag extends(Sh(Ho)){constructor(){super(...arguments),this.severity=Eg.default,this.disabled=!1,this.readOnly=!1,this.selected=!1,this.stepInternals=new Ig}}t([ft()],Ag.prototype,"severity",void 0),t([ft({mode:"boolean"})],Ag.prototype,"disabled",void 0),t([ft({attribute:"readonly",mode:"boolean"})],Ag.prototype,"readOnly",void 0),t([ft({mode:"boolean"})],Ag.prototype,"selected",void 0),t([ft({attribute:"tabindex",converter:ut})],Ag.prototype,"tabIndex",void 0)
+class Ag extends(Sh(Ho)){constructor(){super(...arguments),this.severity=Eg.default,this.disabled=!1,this.readOnly=!1,this.selected=!1,this.stepInternals=new Ig}onClick(t){(this.disabled||this.readOnly)&&(t.preventDefault(),t.stopImmediatePropagation())}}t([ft()],Ag.prototype,"severity",void 0),t([ft({mode:"boolean"})],Ag.prototype,"disabled",void 0),t([ft({attribute:"readonly",mode:"boolean"})],Ag.prototype,"readOnly",void 0),t([ft({mode:"boolean"})],Ag.prototype,"selected",void 0),t([ft({attribute:"tabindex",converter:ut})],Ag.prototype,"tabIndex",void 0)
 const Tg=Ag.compose({baseName:"anchor-step",template:(t,e)=>Q`
     <template slot="step">
         <li class="
@@ -2357,6 +2381,7 @@ const Tg=Ag.compose({baseName:"anchor-step",template:(t,e)=>Q`
                 aria-owns="${t=>t.ariaOwns}"
                 aria-relevant="${t=>t.ariaRelevant}"
                 aria-roledescription="${t=>t.ariaRoledescription}"
+                @click="${(t,e)=>t.onClick(e.event)}"
                 ${zt("control")}
             >
                 <div class="icon-background"></div>
@@ -6395,14 +6420,14 @@ return ux.fromReplace(t,this.pos,this.pos+1,new iw(Xy.from(n),0,e.isLeaf?0:1))}i
 return e&&this.mark.isInSet(e.marks)?new gx(this.pos,this.mark):this}map(t){let e=t.mapResult(this.pos,1)
 return e.deletedAfter?null:new vx(e.pos,this.mark)}toJSON(){return{stepType:"removeNodeMark",pos:this.pos,mark:this.mark.toJSON()}}static fromJSON(t,e){if("number"!=typeof e.pos)throw new RangeError("Invalid input for RemoveNodeMarkStep.fromJSON")
 return new vx(e.pos,t.markFromJSON(e.mark))}}hx.jsonID("removeNodeMark",vx)
-class bx extends hx{constructor(t,e,n,i=!1){super(),this.from=t,this.to=e,this.slice=n,this.structure=i}apply(t){return this.structure&&wx(t,this.from,this.to)?ux.fail("Structure replace would overwrite content"):ux.fromReplace(t,this.from,this.to,this.slice)}getMap(){return new lx([this.from,this.to-this.from,this.slice.size])}invert(t){return new bx(this.from,this.from+this.slice.size,t.slice(this.from,this.to))}map(t){let e=t.mapResult(this.from,1),n=t.mapResult(this.to,-1)
-return e.deletedAcross&&n.deletedAcross?null:new bx(e.pos,Math.max(e.pos,n.pos),this.slice,this.structure)}merge(t){if(!(t instanceof bx)||t.structure||this.structure)return null
+class bx extends hx{constructor(t,e,n,i=!1){super(),this.from=t,this.to=e,this.slice=n,this.structure=i}apply(t){return this.structure&&wx(t,this.from,this.to)?ux.fail("Structure replace would overwrite content"):ux.fromReplace(t,this.from,this.to,this.slice)}getMap(){return new lx([this.from,this.to-this.from,this.slice.size])}invert(t){return new bx(this.from,this.from+this.slice.size,t.slice(this.from,this.to))}map(t){let e=t.mapResult(this.to,-1),n=this.from==this.to&&bx.MAP_BIAS<0?e:t.mapResult(this.from,1)
+return n.deletedAcross&&e.deletedAcross?null:new bx(n.pos,Math.max(n.pos,e.pos),this.slice,this.structure)}merge(t){if(!(t instanceof bx)||t.structure||this.structure)return null
 if(this.from+this.slice.size!=t.from||this.slice.openEnd||t.slice.openStart){if(t.to!=this.from||this.slice.openStart||t.slice.openEnd)return null
 {let e=this.slice.size+t.slice.size==0?iw.empty:new iw(t.slice.content.append(this.slice.content),t.slice.openStart,this.slice.openEnd)
 return new bx(t.from,this.to,e,this.structure)}}{let e=this.slice.size+t.slice.size==0?iw.empty:new iw(this.slice.content.append(t.slice.content),this.slice.openStart,t.slice.openEnd)
 return new bx(this.from,this.to+(t.to-t.from),e,this.structure)}}toJSON(){let t={stepType:"replace",from:this.from,to:this.to}
 return this.slice.size&&(t.slice=this.slice.toJSON()),this.structure&&(t.structure=!0),t}static fromJSON(t,e){if("number"!=typeof e.from||"number"!=typeof e.to)throw new RangeError("Invalid input for ReplaceStep.fromJSON")
-return new bx(e.from,e.to,iw.fromJSON(t,e.slice),!!e.structure)}}hx.jsonID("replace",bx)
+return new bx(e.from,e.to,iw.fromJSON(t,e.slice),!!e.structure)}}bx.MAP_BIAS=1,hx.jsonID("replace",bx)
 class yx extends hx{constructor(t,e,n,i,o,r,s=!1){super(),this.from=t,this.to=e,this.gapFrom=n,this.gapTo=i,this.slice=o,this.insert=r,this.structure=s}apply(t){if(this.structure&&(wx(t,this.from,this.gapFrom)||wx(t,this.gapTo,this.to)))return ux.fail("Structure gap-replace would overwrite content")
 let e=t.slice(this.gapFrom,this.gapTo)
 if(e.openStart||e.openEnd)return ux.fail("Gap is not a flat range")
@@ -6570,7 +6595,13 @@ if(i.node(t).canReplaceWith(e,e,n))return i.before(t+1)
 if(e>0)return null}if(i.parentOffset==i.parent.content.size)for(let t=i.depth-1;t>=0;t--){let e=i.indexAfter(t)
 if(i.node(t).canReplaceWith(e,e,n))return i.after(t+1)
 if(e<i.node(t).childCount)return null}return null}(t.doc,e,i.type)
-null!=o&&(e=n=o)}t.replaceRange(e,n,new iw(Xy.from(i),0,0))}(this,t,e,n),this}deleteRange(t,e){return function(t,e,n){let i=t.doc.resolve(e),o=t.doc.resolve(n),r=Ux(i,o)
+null!=o&&(e=n=o)}t.replaceRange(e,n,new iw(Xy.from(i),0,0))}(this,t,e,n),this}deleteRange(t,e){return function(t,e,n){let i=t.doc.resolve(e),o=t.doc.resolve(n)
+if(i.parent.isTextblock&&o.parent.isTextblock&&i.start()!=o.start()&&0==i.parentOffset&&0==o.parentOffset){let r=i.sharedDepth(n),s=!1
+for(let t=i.depth;t>r;t--)i.node(t).type.spec.isolating&&(s=!0)
+for(let t=o.depth;t>r;t--)o.node(t).type.spec.isolating&&(s=!0)
+if(!s){for(let t=i.depth;t>0&&e==i.start(t);t--)e=i.before(t)
+for(let t=o.depth;t>0&&n==o.start(t);t--)n=o.before(t)
+i=t.doc.resolve(e),o=t.doc.resolve(n)}}let r=Ux(i,o)
 for(let e=0;e<r.length;e++){let n=r[e],s=e==r.length-1
 if(s&&0==n||i.node(n).type.contentMatch.validEnd)return t.delete(i.start(n),o.end(n))
 if(n>0&&(s||i.node(n-1).canReplace(i.index(n-1),o.indexAfter(n-1))))return t.delete(i.before(n),o.after(n))}for(let r=1;r<=i.depth&&r<=o.depth;r++)if(e-i.start(r)==i.depth-r&&n>i.end(r)&&o.end(r)-n!=o.depth-r&&i.start(r-1)==o.start(r-1)&&i.node(r-1).canReplace(i.index(r-1),o.index(r-1)))return t.delete(i.before(r),n)
@@ -7778,17 +7809,16 @@ if(!s||!o.canReplaceWith(r,r,s))return!1
 if(e){let i=n.after(),o=t.tr.replaceWith(i,i,s.createAndFill())
 o.setSelection(Kx.near(o.doc.resolve(i),1)),e(o.scrollIntoView())}return!0})(t,e)
 function O$(t){return"[object RegExp]"===Object.prototype.toString.call(t)}function R$(t,e,n={strict:!0}){const i=Object.keys(e)
-return!i.length||i.every(i=>n.strict?e[i]===t[i]:O$(e[i])?e[i].test(t[i]):e[i]===t[i])}function F$(t,e,n={}){return t.find(t=>t.type===e&&R$(Object.fromEntries(Object.keys(n).map(e=>[e,t.attrs[e]])),n))}function N$(t,e,n={}){return!!F$(t,e,n)}function L$(t,e,n){var i
-if(!t||!e)return
-let o=t.parent.childAfter(t.parentOffset)
-if(o.node&&o.node.marks.some(t=>t.type===e)||(o=t.parent.childBefore(t.parentOffset)),!o.node||!o.node.marks.some(t=>t.type===e))return
-n=n||(null==(i=o.node.marks[0])?void 0:i.attrs)
-if(!F$([...o.node.marks],e,n))return
-let r=o.index,s=t.start()+o.offset,a=r+1,l=s+o.node.nodeSize
-for(;r>0&&N$([...t.parent.child(r-1).marks],e,n);)r-=1,s-=t.parent.child(r).nodeSize
-for(;a<t.parent.childCount&&N$([...t.parent.child(a).marks],e,n);)l+=t.parent.child(a).nodeSize,a+=1
-return{from:s,to:l}}function B$(t,e){if("string"==typeof t){if(!e.marks[t])throw Error(`There is no mark type named '${t}'. Maybe you forgot to add the extension?`)
-return e.marks[t]}return t}var P$=(t,e={})=>({tr:n,state:i,dispatch:o})=>{const r=B$(t,i.schema),{doc:s,selection:a}=n,{$from:l,from:c,to:d}=a
+return!i.length||i.every(i=>n.strict?e[i]===t[i]:O$(e[i])?e[i].test(t[i]):e[i]===t[i])}function F$(t,e,n={}){return t.find(t=>t.type===e&&R$(Object.fromEntries(Object.keys(n).map(e=>[e,t.attrs[e]])),n))}function N$(t,e,n={}){return!!F$(t,e,n)}function L$(t,e,n){if(!t||!e)return
+let i=t.parent.childAfter(t.parentOffset)
+if(i.node&&i.node.marks.some(t=>t.type===e)||(i=t.parent.childBefore(t.parentOffset)),!i.node||!i.node.marks.some(t=>t.type===e))return
+if(!n){const t=i.node.marks.find(t=>t.type===e)
+t&&(n=t.attrs)}if(!F$([...i.node.marks],e,n))return
+let o=i.index,r=t.start()+i.offset,s=o+1,a=r+i.node.nodeSize
+for(;o>0&&N$([...t.parent.child(o-1).marks],e,n);)o-=1,r-=t.parent.child(o).nodeSize
+for(;s<t.parent.childCount&&N$([...t.parent.child(s).marks],e,n);)a+=t.parent.child(s).nodeSize,s+=1
+return{from:r,to:a}}function B$(t,e){if("string"==typeof t){if(!e.marks[t])throw Error(`There is no mark type named '${t}'. Maybe you forgot to add the extension?`)
+return e.marks[t]}return t}var P$=(t,e)=>({tr:n,state:i,dispatch:o})=>{const r=B$(t,i.schema),{doc:s,selection:a}=n,{$from:l,from:c,to:d}=a
 if(o){const t=L$(l,r,e)
 if(t&&t.from<=c&&t.to>=d){const e=Qx.create(s,t.from,t.to)
 n.setSelection(e)}}return!0},z$=t=>e=>{const n="function"==typeof t?t(e):t
@@ -8216,7 +8246,7 @@ ZM(s).forEach(e=>{s.mapping.mapResult(e.oldRange.from).deletedAfter&&s.mapping.m
 this.editor.emit("delete",{type:"node",node:n,from:i,to:o,newFrom:s.mapping.map(i),newTo:s.mapping.map(o),deletedRange:e.oldRange,newRange:e.newRange,partial:!r,editor:this.editor,transaction:t,combinedTransform:s})})})
 const a=s.mapping
 s.steps.forEach((e,n)=>{var i,o
-if(e instanceof mx){const r=a.slice(n).map(e.from,-1),l=a.slice(n).map(e.to),c=a.invert().map(r,-1),d=a.invert().map(l),h=null==(i=s.doc.nodeAt(r-1))?void 0:i.marks.some(t=>t.eq(e.mark)),u=null==(o=s.doc.nodeAt(l))?void 0:o.marks.some(t=>t.eq(e.mark))
+if(e instanceof mx){const r=a.slice(n).map(e.from,-1),l=a.slice(n).map(e.to),c=a.invert().map(r,-1),d=a.invert().map(l),h=r>0&&(null==(i=s.doc.nodeAt(r-1))?void 0:i.marks.some(t=>t.eq(e.mark))),u=null==(o=s.doc.nodeAt(l))?void 0:o.marks.some(t=>t.eq(e.mark))
 this.editor.emit("delete",{type:"mark",mark:e.mark,from:e.from,to:e.to,deletedRange:{from:c,to:d},newRange:{from:r,to:l},partial:Boolean(u||h),editor:this.editor,transaction:t,combinedTransform:s})}})}
 null==(o=null==(i=null==(n=this.editor.options.coreExtensionOptions)?void 0:n.delete)?void 0:i.async)||o?setTimeout(r,0):r()}}),qI=zI.create({name:"drop",addProseMirrorPlugins(){return[new fC({key:new vC("tiptapDrop"),props:{handleDrop:(t,e,n,i)=>{this.editor.emit("drop",{editor:this.editor,event:e,slice:n,moved:i})}}})]}}),jI=zI.create({name:"editable",addProseMirrorPlugins(){return[new fC({key:new vC("editable"),props:{editable:()=>this.editor.options.editable}})]}}),WI=new vC("focusEvents"),GI=zI.create({name:"focusEvents",addProseMirrorPlugins(){const{editor:t}=this
 return[new fC({key:WI,props:{handleDOMEvents:{focus:(e,n)=>{t.isFocused=!0
@@ -10137,34 +10167,35 @@ let w=y+g[0].length
 return l&&d.test(f.slice(w-1,w+1))&&(g[0]+=" ",w+=1),y<a.pos&&w>=a.pos?{range:{from:y,to:w},query:g[0].slice(n.length),text:g[0]}:null}zI.create({name:"listKit",addExtensions(){const t=[]
 return!1!==this.options.bulletList&&t.push(yF.configure(this.options.bulletList)),!1!==this.options.listItem&&t.push(wF.configure(this.options.listItem)),!1!==this.options.listKeymap&&t.push(TF.configure(this.options.listKeymap)),!1!==this.options.orderedList&&t.push(LF.configure(this.options.orderedList)),!1!==this.options.taskItem&&t.push(PF.configure(this.options.taskItem)),!1!==this.options.taskList&&t.push(zF.configure(this.options.taskList)),t}})
 var HF=new vC("suggestion")
-function UF({pluginKey:t=HF,editor:e,char:n="@",allowSpaces:i=!1,allowToIncludeChar:o=!1,allowedPrefixes:r=[" "],startOfLine:s=!1,decorationTag:a="span",decorationClass:l="suggestion",decorationContent:c="",decorationEmptyClass:d="is-empty",command:h=()=>null,items:u=()=>[],render:p=()=>({}),allow:f=()=>!0,findSuggestionMatch:m=VF,shouldShow:g}){let v
-const b=null==p?void 0:p(),y=()=>{const t=e.state.selection.$anchor.pos,n=e.view.coordsAtPos(t),{top:i,right:o,bottom:r,left:s}=n
-try{return new DOMRect(s,i,o-s,r-i)}catch{return null}},w=(n,i)=>i?()=>{const i=t.getState(e.state),o=null==i?void 0:i.decorationId,r=n.dom.querySelector(`[data-decoration-id="${o}"]`)
-return(null==r?void 0:r.getBoundingClientRect())||null}:y
-const x=new fC({key:t,view(){return{update:async(t,n)=>{var i,o,r,s,a,l,c
-const d=null==(i=this.key)?void 0:i.getState(n),p=null==(o=this.key)?void 0:o.getState(t.state),f=d.active&&p.active&&d.range.from!==p.range.from,m=!d.active&&p.active,g=d.active&&!p.active,y=!m&&!g&&d.query!==p.query,x=m||f&&y,C=y||f,k=g||f&&y
-if(!x&&!C&&!k)return
-const S=k&&!x?d:p,_=t.dom.querySelector(`[data-decoration-id="${S.decorationId}"]`)
-v={editor:e,range:S.range,query:S.query,text:S.text,items:[],command:t=>h({editor:e,range:S.range,props:t}),decorationNode:_,clientRect:w(t,_)},x&&(null==(r=null==b?void 0:b.onBeforeStart)||r.call(b,v)),C&&(null==(s=null==b?void 0:b.onBeforeUpdate)||s.call(b,v)),(C||x)&&(v.items=await u({editor:e,query:S.query})),k&&(null==(a=null==b?void 0:b.onExit)||a.call(b,v)),C&&(null==(l=null==b?void 0:b.onUpdate)||l.call(b,v)),x&&(null==(c=null==b?void 0:b.onStart)||c.call(b,v))},destroy:()=>{var t
-v&&(null==(t=null==b?void 0:b.onExit)||t.call(b,v))}}},state:{init:()=>({active:!1,range:{from:0,to:0},query:null,text:null,composing:!1}),apply(a,l,c,d){const{isEditable:h}=e,{composing:u}=e.view,{selection:p}=a,{empty:v,from:b}=p,y={...l},w=a.getMeta(t)
-if(w&&w.exit)return y.active=!1,y.decorationId=null,y.range={from:0,to:0},y.query=null,y.text=null,y
-if(y.composing=u,h&&(v||e.view.composing)){!(b<l.range.from||b>l.range.to)||u||l.composing||(y.active=!1)
+function UF({pluginKey:t=HF,editor:e,char:n="@",allowSpaces:i=!1,allowToIncludeChar:o=!1,allowedPrefixes:r=[" "],startOfLine:s=!1,decorationTag:a="span",decorationClass:l="suggestion",decorationContent:c="",decorationEmptyClass:d="is-empty",command:h=()=>null,items:u=()=>[],render:p=()=>({}),allow:f=()=>!0,findSuggestionMatch:m=VF,shouldShow:g,shouldResetDismissed:v}){let b
+const y=null==p?void 0:p(),w=i&&!o,x=()=>{const t=e.state.selection.$anchor.pos,n=e.view.coordsAtPos(t),{top:i,right:o,bottom:r,left:s}=n
+try{return new DOMRect(s,i,o-s,r-i)}catch{return null}},C=(n,i)=>i?()=>{const i=t.getState(e.state),o=null==i?void 0:i.decorationId,r=n.dom.querySelector(`[data-decoration-id="${o}"]`)
+return(null==r?void 0:r.getBoundingClientRect())||null}:x
+const k=new fC({key:t,view(){return{update:async(t,n)=>{var i,o,r,s,a,l,c
+const d=null==(i=this.key)?void 0:i.getState(n),p=null==(o=this.key)?void 0:o.getState(t.state),f=d.active&&p.active&&d.range.from!==p.range.from,m=!d.active&&p.active,g=d.active&&!p.active,v=!m&&!g&&d.query!==p.query,w=m||f&&v,x=v||f,k=g||f&&v
+if(!w&&!x&&!k)return
+const S=k&&!w?d:p,_=t.dom.querySelector(`[data-decoration-id="${S.decorationId}"]`)
+b={editor:e,range:S.range,query:S.query,text:S.text,items:[],command:t=>h({editor:e,range:S.range,props:t}),decorationNode:_,clientRect:C(t,_)},w&&(null==(r=null==y?void 0:y.onBeforeStart)||r.call(y,b)),x&&(null==(s=null==y?void 0:y.onBeforeUpdate)||s.call(y,b)),(x||w)&&(b.items=await u({editor:e,query:S.query})),k&&(null==(a=null==y?void 0:y.onExit)||a.call(y,b)),x&&(null==(l=null==y?void 0:y.onUpdate)||l.call(y,b)),w&&(null==(c=null==y?void 0:y.onStart)||c.call(y,b))},destroy:()=>{var t
+b&&(null==(t=null==y?void 0:y.onExit)||t.call(y,b))}}},state:{init:()=>({active:!1,range:{from:0,to:0},query:null,text:null,composing:!1,dismissedRange:null}),apply(a,l,c,d){const{isEditable:h}=e,{composing:u}=e.view,{selection:p}=a,{empty:b,from:y}=p,x={...l},C=a.getMeta(t)
+if(C&&C.exit)return x.active=!1,x.decorationId=null,x.range={from:0,to:0},x.query=null,x.text=null,x.dismissedRange=l.active?{...l.range}:l.dismissedRange,x
+if(x.composing=u,a.docChanged&&null!==x.dismissedRange&&(x.dismissedRange={from:a.mapping.map(x.dismissedRange.from),to:a.mapping.map(x.dismissedRange.to)}),h&&(b||e.view.composing)){!(y<l.range.from||y>l.range.to)||u||l.composing||(x.active=!1)
 const t=m({char:n,allowSpaces:i,allowToIncludeChar:o,allowedPrefixes:r,startOfLine:s,$position:p.$from}),c=`id_${Math.floor(4294967295*Math.random())}`
-t&&f({editor:e,state:d,range:t.range,isActive:l.active})&&(!g||g({editor:e,range:t.range,query:t.query,text:t.text,transaction:a}))?(y.active=!0,y.decorationId=l.decorationId?l.decorationId:c,y.range=t.range,y.query=t.query,y.text=t.text):y.active=!1}else y.active=!1
-return y.active||(y.decorationId=null,y.range={from:0,to:0},y.query=null,y.text=null),y}},props:{handleKeyDown(n,i){var o,r,s,a
-const{active:l,range:c}=x.getState(n.state)
-if(!l)return!1
-if("Escape"===i.key||"Esc"===i.key){const a=x.getState(n.state),l=null!=(o=null==v?void 0:v.decorationNode)?o:null,c=null!=l?l:(null==a?void 0:a.decorationId)?n.dom.querySelector(`[data-decoration-id="${a.decorationId}"]`):null
-if((null==(r=null==b?void 0:b.onKeyDown)?void 0:r.call(b,{view:n,event:i,range:a.range}))||!1)return!0
-const d={editor:e,range:a.range,query:a.query,text:a.text,items:[],command:t=>h({editor:e,range:a.range,props:t}),decorationNode:c,clientRect:c?()=>c.getBoundingClientRect()||null:null}
-return null==(s=null==b?void 0:b.onExit)||s.call(b,d),function(n,i){var o
-try{const i=t.getState(n.state),r=(null==i?void 0:i.decorationId)?n.dom.querySelector(`[data-decoration-id="${i.decorationId}"]`):null,s={editor:e,range:(null==i?void 0:i.range)||{from:0,to:0},query:(null==i?void 0:i.query)||null,text:(null==i?void 0:i.text)||null,items:[],command:t=>h({editor:e,range:(null==i?void 0:i.range)||{from:0,to:0},props:t}),decorationNode:r,clientRect:w(n,r)}
-null==(o=null==b?void 0:b.onExit)||o.call(b,s)}catch{}const r=n.state.tr.setMeta(i,{exit:!0})
-n.dispatch(r)}(n,t),!0}return(null==(a=null==b?void 0:b.onKeyDown)?void 0:a.call(b,{view:n,event:i,range:c}))||!1},decorations(t){const{active:e,range:n,decorationId:i,query:o}=x.getState(t)
+t&&f({editor:e,state:d,range:t.range,isActive:l.active})&&(!g||g({editor:e,range:t.range,query:t.query,text:t.text,transaction:a}))?(null===x.dismissedRange||(({match:t,dismissedRange:n,state:i,transaction:o})=>!(null==v?void 0:v({editor:e,state:i,range:n,match:t,transaction:o,allowSpaces:w}))&&(w?t.range.from===n.from:t.range.from===n.from&&!function(t){return!!t.docChanged&&t.steps.some(t=>{const e=t.slice
+if(!(null==e?void 0:e.content))return!1
+const n=e.content.textBetween(0,e.content.size,"\n")
+return/\s/.test(n)})}(o)))({match:t,dismissedRange:x.dismissedRange,state:d,transaction:a})||(x.dismissedRange=null),null===x.dismissedRange?(x.active=!0,x.decorationId=l.decorationId?l.decorationId:c,x.range=t.range,x.query=t.query,x.text=t.text):x.active=!1):(t||(x.dismissedRange=null),x.active=!1)}else x.active=!1
+return x.active||(x.decorationId=null,x.range={from:0,to:0},x.query=null,x.text=null),x}},props:{handleKeyDown(n,i){var o,r
+const{active:s,range:a}=k.getState(n.state)
+if(!s)return!1
+if("Escape"===i.key||"Esc"===i.key){const r=k.getState(n.state)
+return null==(o=null==y?void 0:y.onKeyDown)||o.call(y,{view:n,event:i,range:r.range}),function(n,i){var o
+try{const i=t.getState(n.state),r=(null==i?void 0:i.decorationId)?n.dom.querySelector(`[data-decoration-id="${i.decorationId}"]`):null,s={editor:e,range:(null==i?void 0:i.range)||{from:0,to:0},query:(null==i?void 0:i.query)||null,text:(null==i?void 0:i.text)||null,items:[],command:t=>h({editor:e,range:(null==i?void 0:i.range)||{from:0,to:0},props:t}),decorationNode:r,clientRect:C(n,r)}
+null==(o=null==y?void 0:y.onExit)||o.call(y,s)}catch{}const r=n.state.tr.setMeta(i,{exit:!0})
+n.dispatch(r)}(n,t),!0}return(null==(r=null==y?void 0:y.onKeyDown)?void 0:r.call(y,{view:n,event:i,range:a}))||!1},decorations(t){const{active:e,range:n,decorationId:i,query:o}=k.getState(t)
 if(!e)return null
 const r=!(null==o?void 0:o.length),s=[l]
 return r&&s.push(d),M_.create(t.doc,[S_.inline(n.from,n.to,{nodeName:a,class:s.join(" "),"data-decoration-id":i,"data-decoration-content":c})])}}})
-return x}function qF(t){return(t.options.suggestions.length?t.options.suggestions:[t.options.suggestion]).map(e=>function({editor:t,overrideSuggestionOptions:e,extensionName:n,char:i="@"}){const o=new vC
+return k}function qF(t){return(t.options.suggestions.length?t.options.suggestions:[t.options.suggestion]).map(e=>function({editor:t,overrideSuggestionOptions:e,extensionName:n,char:i="@"}){const o=new vC
 return{editor:t,char:i,pluginKey:o,command:({editor:t,range:e,props:o})=>{var r,s,a
 const l=t.view.state.selection.$to.nodeAfter;(null==(r=null==l?void 0:l.text)?void 0:r.startsWith(" "))&&(e.to+=1),t.chain().focus().insertContentAt(e,[{type:n,attrs:{...o,mentionSuggestionChar:i}},{type:"text",text:" "}]).run(),null==(a=null==(s=t.view.dom.ownerDocument.defaultView)?void 0:s.getSelection())||a.collapseToEnd()},allow:({state:t,range:e})=>{const i=t.doc.resolve(e.from),o=t.schema.nodes[n]
 return!!i.parent.type.contentMatch.matchType(o)},...e}}({editor:t.editor,overrideSuggestionOptions:e,extensionName:t.name,char:e.char}))}function jF(t,e){const n=qF(t),i=n.find(t=>t.char===e)
@@ -10186,7 +10217,7 @@ let s=new xw,a=0
 return e.doc.nodesBetween(r-1,r,(t,e)=>{if(t.type.name===this.name)return n=!0,s=t,a=e,!1}),n&&t.insertText(this.options.deleteTriggerWithBackspace?"":s.attrs.mentionSuggestionChar,a,a+s.nodeSize),n})}},addProseMirrorPlugins(){return qF(this).map(UF)}}),GF=WF,ZF="&nbsp;",KF=hE.create({name:"paragraph",priority:1e3,addOptions:()=>({HTMLAttributes:{}}),group:"block",content:"inline*",parseHTML:()=>[{tag:"p"}],renderHTML({HTMLAttributes:t}){return["p",LM(this.options.HTMLAttributes,t),0]},parseMarkdown:(t,e)=>{const n=t.tokens||[]
 if(1===n.length&&"image"===n[0].type)return e.parseChildren([n[0]])
 const i=e.parseInline(n)
-return 1!==i.length||"text"!==i[0].type||i[0].text!==ZF&&" "!==i[0].text?e.createNode("paragraph",void 0,i):e.createNode("paragraph",void 0,[])},renderMarkdown:(t,e,n)=>{var i,o
+return!(1===n.length&&"text"===n[0].type&&(n[0].raw===ZF||n[0].text===ZF||" "===n[0].raw||" "===n[0].text))||1!==i.length||"text"!==i[0].type||i[0].text!==ZF&&" "!==i[0].text?e.createNode("paragraph",void 0,i):e.createNode("paragraph",void 0,[])},renderMarkdown:(t,e,n)=>{var i,o
 if(!t)return""
 const r=Array.isArray(t.content)?t.content:[]
 if(0===r.length){const t=Array.isArray(null==(i=null==n?void 0:n.previousNode)?void 0:i.content)?n.previousNode.content:[]
@@ -10372,11 +10403,12 @@ if((i||!this.options.showOnlyCurrent)&&a){const o=[this.options.emptyNodeClass]
 s&&o.push(this.options.emptyEditorClass)
 const a=S_.node(n,n+e.nodeSize,{class:o.join(" "),[t]:"function"==typeof this.options.placeholder?this.options.placeholder({editor:this.editor,node:e,pos:n,hasAnchor:i}):this.options.placeholder})
 r.push(a)}return this.options.includeChildren}),M_.create(e,r)}}})]}})
-function EN({types:t,node:e}){return e&&Array.isArray(t)&&t.includes(e.type)||(null==e?void 0:e.type)===t}zI.create({name:"selection",addOptions:()=>({className:"selection"}),addProseMirrorPlugins(){const{editor:t,options:e}=this
-return[new fC({key:new vC("selection"),props:{decorations:n=>n.selection.empty||t.isFocused||!t.isEditable||n.selection instanceof eC||t.view.dragging?null:M_.create(n.doc,[S_.inline(n.selection.from,n.selection.to,{class:e.className})])}})]}}),zI.create({name:"trailingNode",addOptions:()=>({node:void 0,notAfter:[]}),addProseMirrorPlugins(){var t
+zI.create({name:"selection",addOptions:()=>({className:"selection"}),addProseMirrorPlugins(){const{editor:t,options:e}=this
+return[new fC({key:new vC("selection"),props:{decorations:n=>n.selection.empty||t.isFocused||!t.isEditable||n.selection instanceof eC||t.view.dragging?null:M_.create(n.doc,[S_.inline(n.selection.from,n.selection.to,{class:e.className})])}})]}})
+function EN({types:t,node:e}){return e&&Array.isArray(t)&&t.includes(e.type)||(null==e?void 0:e.type)===t}zI.create({name:"trailingNode",addOptions:()=>({node:void 0,notAfter:[]}),addProseMirrorPlugins(){var t
 const e=new vC(this.name),n=this.options.node||(null==(t=this.editor.schema.topNodeType.contentMatch.defaultType)?void 0:t.name)||"paragraph",i=Object.entries(this.editor.schema.nodes).map(([,t])=>t).filter(t=>(this.options.notAfter||[]).concat(n).includes(t.name))
 return[new fC({key:e,appendTransaction:(t,i,o)=>{const{doc:r,tr:s,schema:a}=o,l=e.getState(o),c=r.content.size,d=a.nodes[n]
-if(l)return s.insert(c,d.create())},state:{init:(t,e)=>!EN({node:e.tr.doc.lastChild,types:i}),apply:(t,e)=>{if(!t.docChanged)return e
+if(!t.some(t=>t.getMeta("skipTrailingNode"))&&l)return s.insert(c,d.create())},state:{init:(t,e)=>!EN({node:e.tr.doc.lastChild,types:i}),apply:(t,e)=>{if(!t.docChanged)return e
 if(t.getMeta("__uniqueIDTransaction"))return e
 return!EN({node:t.doc.lastChild,types:i})}}})]}})
 var AN=zI.create({name:"undoRedo",addOptions:()=>({depth:100,newGroupDelay:500}),addCommands:()=>({undo:()=>({state:t,dispatch:e})=>_N(t,e),redo:()=>({state:t,dispatch:e})=>$N(t,e)}),addProseMirrorPlugins(){return[kN(this.options)]},addKeyboardShortcuts(){return{"Mod-z":()=>this.editor.commands.undo(),"Shift-Mod-z":()=>this.editor.commands.redo(),"Mod-y":()=>this.editor.commands.redo(),"Mod-я":()=>this.editor.commands.undo(),"Shift-Mod-я":()=>this.editor.commands.redo()}}})
@@ -11040,7 +11072,7 @@ const rL=Mt`
         }
     }
 `,sL=kh
-class aL extends(Sh(Ln)){constructor(){super(...arguments),this.severity=sL.default,this.readOnly=!1,this.selected=!1,this.stepInternals=new Ig}}t([ft()],aL.prototype,"severity",void 0),t([ft({attribute:"readonly",mode:"boolean"})],aL.prototype,"readOnly",void 0),t([ft({mode:"boolean"})],aL.prototype,"selected",void 0),t([ft({attribute:"tabindex",converter:ut})],aL.prototype,"tabIndex",void 0)
+class aL extends(Sh(Ln)){constructor(){super(...arguments),this.severity=sL.default,this.readOnly=!1,this.selected=!1,this.stepInternals=new Ig}onClick(t){(this.disabled||this.readOnly)&&(t.preventDefault(),t.stopImmediatePropagation())}}t([ft()],aL.prototype,"severity",void 0),t([ft({attribute:"readonly",mode:"boolean"})],aL.prototype,"readOnly",void 0),t([ft({mode:"boolean"})],aL.prototype,"selected",void 0),t([ft({attribute:"tabindex",converter:ut})],aL.prototype,"tabIndex",void 0)
 const lL=aL.compose({baseName:"step",template:(t,e)=>Q`
     <template slot="step">
         <li class="
@@ -11084,6 +11116,7 @@ const lL=aL.compose({baseName:"step",template:(t,e)=>Q`
                 aria-pressed="${t=>t.ariaPressed}"
                 aria-relevant="${t=>t.ariaRelevant}"
                 aria-roledescription="${t=>t.ariaRoledescription}"
+                @click="${(t,e)=>t.onClick(e.event)}"
                 ${zt("control")}
             >
                 <div class="icon-background"></div>