@ni/nimble-components 20.1.19 → 20.1.20

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

@@ -7735,7 +7735,7 @@ const aO=mi.tagFor(rO),lO=W`
         right: var(--ni-private-rich-text-editor-scrollbar-width);
     }
 `
-class dO extends Lt{constructor(){super(...arguments),this.editor=this.createEditor(),this.tiptapEditor=this.createTiptapEditor(),this.disabled=!1,this.footerHidden=!1,this.errorVisible=!1,this.scrollbarWidth=-1,this.updateScrollbarWidthQueued=!1,this.markdownParser=this.initializeMarkdownParser(),this.markdownSerializer=this.initializeMarkdownSerializer(),this.domSerializer=uy.fromSchema(nE),this.xmlSerializer=new XMLSerializer}get empty(){return 0===this.tiptapEditor.state.doc.textContent.trim().length}connectedCallback(){super.connectedCallback(),this.editor.isConnected||this.editorContainer.append(this.editor),this.bindEditorTransactionEvent(),this.bindEditorUpdateEvent(),this.stopNativeInputEventPropagation(),this.resizeObserver=new ResizeObserver((()=>this.onResize())),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.unbindEditorTransactionEvent(),this.unbindEditorUpdateEvent(),this.unbindNativeInputEvent(),this.resizeObserver?.disconnect()}disabledChanged(){this.tiptapEditor.setEditable(!this.disabled),this.setEditorTabIndex(),this.editor.setAttribute("aria-disabled",this.disabled?"true":"false")}placeholderChanged(){this.getTipTapExtension("placeholder").options.placeholder=this.placeholder??"",this.tiptapEditor.view.dispatch(this.tiptapEditor.state.tr),this.queueUpdateScrollbarWidth()}ariaLabelChanged(){null!==this.ariaLabel&&void 0!==this.ariaLabel?this.editor.setAttribute("aria-label",this.ariaLabel):this.editor.removeAttribute("aria-label")}boldButtonClick(){this.tiptapEditor.chain().focus().toggleBold().run()}boldButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleBold().run(),!1)}italicsButtonClick(){this.tiptapEditor.chain().focus().toggleItalic().run()}italicsButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleItalic().run(),!1)}bulletListButtonClick(){this.tiptapEditor.chain().focus().toggleBulletList().run()}bulletListButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleBulletList().run(),!1)}numberedListButtonClick(){this.tiptapEditor.chain().focus().toggleOrderedList().run()}numberedListButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleOrderedList().run(),!1)}setMarkdown(e){const t=this.getHtmlContent(e)
+class dO extends Lt{constructor(){super(...arguments),this.editor=this.createEditor(),this.tiptapEditor=this.createTiptapEditor(),this.disabled=!1,this.footerHidden=!1,this.errorVisible=!1,this.scrollbarWidth=-1,this.updateScrollbarWidthQueued=!1,this.markdownParser=this.initializeMarkdownParser(),this.markdownSerializer=this.initializeMarkdownSerializer(),this.domSerializer=uy.fromSchema(nE),this.xmlSerializer=new XMLSerializer}get empty(){return 0===this.tiptapEditor.state.doc.textContent.trim().length}connectedCallback(){super.connectedCallback(),this.editor.isConnected||this.editorContainer.append(this.editor),this.bindEditorTransactionEvent(),this.bindEditorUpdateEvent(),this.stopNativeInputEventPropagation(),this.resizeObserver=new ResizeObserver((()=>this.onResize())),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.unbindEditorTransactionEvent(),this.unbindEditorUpdateEvent(),this.unbindNativeInputEvent(),this.resizeObserver?.disconnect()}disabledChanged(){this.tiptapEditor.setEditable(!this.disabled),this.setEditorTabIndex(),this.editor.setAttribute("aria-disabled",this.disabled?"true":"false")}placeholderChanged(){this.getTipTapExtension("placeholder").options.placeholder=this.placeholder??"",this.tiptapEditor.view.dispatch(this.tiptapEditor.state.tr),this.queueUpdateScrollbarWidth()}ariaLabelChanged(){null!==this.ariaLabel&&void 0!==this.ariaLabel?this.editor.setAttribute("aria-label",this.ariaLabel):this.editor.removeAttribute("aria-label")}boldButtonClick(){this.tiptapEditor.chain().focus().toggleBold().run(),this.forceFocusEditor()}boldButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleBold().run(),this.forceFocusEditor(),!1)}italicsButtonClick(){this.tiptapEditor.chain().focus().toggleItalic().run(),this.forceFocusEditor()}italicsButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleItalic().run(),this.forceFocusEditor(),!1)}bulletListButtonClick(){this.tiptapEditor.chain().focus().toggleBulletList().run(),this.forceFocusEditor()}bulletListButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleBulletList().run(),this.forceFocusEditor(),!1)}numberedListButtonClick(){this.tiptapEditor.chain().focus().toggleOrderedList().run(),this.forceFocusEditor()}numberedListButtonKeyDown(e){return!this.keyActivatesButton(e)||(this.tiptapEditor.chain().focus().toggleOrderedList().run(),this.forceFocusEditor(),!1)}setMarkdown(e){const t=this.getHtmlContent(e)
 this.tiptapEditor.commands.setContent(t)}getMarkdown(){return this.markdownSerializer.serialize(this.tiptapEditor.state.doc)}stopEventPropagation(e){return e.stopPropagation(),!1}createEditor(){const e=document.createElement("div")
 return e.className="editor",e.setAttribute("aria-multiline","true"),e.setAttribute("role","textbox"),e.setAttribute("aria-disabled","false"),e}createTiptapEditor(){return new d_({element:this.editor,extensions:[SE,tO,iO,CE,eO,JE,wE,KE,ZE,nO.configure({placeholder:"",showOnlyWhenEditable:!1})]})}getHtmlContent(e){const t=this.parseMarkdownToDOM(e)
 return this.xmlSerializer.serializeToString(t)}initializeMarkdownParser(){const e=dE.tokenizer.configure("zero").enable(["emphasis","list"])
@@ -7744,7 +7744,7 @@ e.renderList(t,o,(t=>{const o=String(n+t)
 return`${e.repeat(" ",i-o.length)+o}. `}))},doc:uE.nodes.doc,paragraph:uE.nodes.paragraph,text:uE.nodes.text},t={italic:uE.marks.em,bold:uE.marks.strong}
 return new hE(e,t)}parseMarkdownToDOM(e){const t=this.markdownParser.parse(e)
 return null===t?document.createDocumentFragment():this.domSerializer.serializeFragment(t.content)}bindEditorTransactionEvent(){this.tiptapEditor.on("transaction",(()=>{this.updateEditorButtonsState()}))}unbindEditorTransactionEvent(){this.tiptapEditor.off("transaction")}updateEditorButtonsState(){this.boldButton.checked=this.tiptapEditor.isActive("bold"),this.italicsButton.checked=this.tiptapEditor.isActive("italic"),this.bulletListButton.checked=this.tiptapEditor.isActive("bulletList"),this.numberedListButton.checked=this.tiptapEditor.isActive("orderedList")}keyActivatesButton(e){switch(e.key){case" ":case Ws:return!0
-default:return!1}}unbindEditorUpdateEvent(){this.tiptapEditor.off("update")}bindEditorUpdateEvent(){this.tiptapEditor.on("update",(()=>{this.$emit("input"),this.queueUpdateScrollbarWidth()}))}stopNativeInputEventPropagation(){this.tiptapEditor.view.dom.addEventListener("input",(e=>{e.stopPropagation()}))}unbindNativeInputEvent(){this.tiptapEditor.view.dom.removeEventListener("input",(()=>{}))}queueUpdateScrollbarWidth(){this.$fastController.isConnected&&(this.updateScrollbarWidthQueued||(this.updateScrollbarWidthQueued=!0,u.queueUpdate((()=>this.updateScrollbarWidth()))))}updateScrollbarWidth(){this.updateScrollbarWidthQueued=!1,this.scrollbarWidth=this.tiptapEditor.view.dom.offsetWidth-this.tiptapEditor.view.dom.clientWidth}onResize(){this.scrollbarWidth=this.tiptapEditor.view.dom.offsetWidth-this.tiptapEditor.view.dom.clientWidth}getTipTapExtension(e){return this.tiptapEditor.extensionManager.extensions.find((t=>t.name===e))}setEditorTabIndex(){this.tiptapEditor.setOptions({editorProps:{attributes:{tabindex:this.disabled?"-1":"0"}}})}}e([se({mode:"boolean"})],dO.prototype,"disabled",void 0),e([se({attribute:"footer-hidden",mode:"boolean"})],dO.prototype,"footerHidden",void 0),e([se({attribute:"error-visible",mode:"boolean"})],dO.prototype,"errorVisible",void 0),e([se({attribute:"error-text"})],dO.prototype,"errorText",void 0),e([se],dO.prototype,"placeholder",void 0),e([m],dO.prototype,"boldButton",void 0),e([m],dO.prototype,"italicsButton",void 0),e([m],dO.prototype,"bulletListButton",void 0),e([m],dO.prototype,"numberedListButton",void 0),e([m],dO.prototype,"scrollbarWidth",void 0),Vt(dO,hn)
+default:return!1}}unbindEditorUpdateEvent(){this.tiptapEditor.off("update")}bindEditorUpdateEvent(){this.tiptapEditor.on("update",(()=>{this.$emit("input"),this.queueUpdateScrollbarWidth()}))}stopNativeInputEventPropagation(){this.tiptapEditor.view.dom.addEventListener("input",(e=>{e.stopPropagation()}))}unbindNativeInputEvent(){this.tiptapEditor.view.dom.removeEventListener("input",(()=>{}))}queueUpdateScrollbarWidth(){this.$fastController.isConnected&&(this.updateScrollbarWidthQueued||(this.updateScrollbarWidthQueued=!0,u.queueUpdate((()=>this.updateScrollbarWidth()))))}updateScrollbarWidth(){this.updateScrollbarWidthQueued=!1,this.scrollbarWidth=this.tiptapEditor.view.dom.offsetWidth-this.tiptapEditor.view.dom.clientWidth}onResize(){this.scrollbarWidth=this.tiptapEditor.view.dom.offsetWidth-this.tiptapEditor.view.dom.clientWidth}getTipTapExtension(e){return this.tiptapEditor.extensionManager.extensions.find((t=>t.name===e))}setEditorTabIndex(){this.tiptapEditor.setOptions({editorProps:{attributes:{tabindex:this.disabled?"-1":"0"}}})}forceFocusEditor(){this.tiptapEditor.commands.blur(),this.tiptapEditor.commands.focus()}}e([se({mode:"boolean"})],dO.prototype,"disabled",void 0),e([se({attribute:"footer-hidden",mode:"boolean"})],dO.prototype,"footerHidden",void 0),e([se({attribute:"error-visible",mode:"boolean"})],dO.prototype,"errorVisible",void 0),e([se({attribute:"error-text"})],dO.prototype,"errorText",void 0),e([se],dO.prototype,"placeholder",void 0),e([m],dO.prototype,"boldButton",void 0),e([m],dO.prototype,"italicsButton",void 0),e([m],dO.prototype,"bulletListButton",void 0),e([m],dO.prototype,"numberedListButton",void 0),e([m],dO.prototype,"scrollbarWidth",void 0),Vt(dO,hn)
 const hO=dO.compose({baseName:"rich-text-editor",template:lO,styles:cO})
 mi.getOrCreate().withPrefix("nimble").register(hO()),mi.tagFor(dO)
 const uO=W`