@ni/nimble-components 20.17.3 → 20.17.5

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

@@ -3904,7 +3904,7 @@ Xf("icon-window-code",class extends Jf{constructor(){super(qf)}})
 Xf("icon-window-text",class extends Jf{constructor(){super(jf)}})
 Xf("icon-wrench-hammer",class extends Jf{constructor(){super(Uf)}})
 Xf("icon-xmark-check",class extends Jf{constructor(){super(Zf)}})
-class vg extends Lt{constructor(){super(...arguments),this.propertyNotifier=m.getNotifier(this)}connectedCallback(){super.connectedCallback(),this.initializeThemeProvider(),this.propertyNotifier.subscribe(this)}disconnectedCallback(){if(this.propertyNotifier.unsubscribe(this),this.themeProvider){for(const e of Object.values(this.supportedLabels))e.deleteValueFor(this.themeProvider)
+class vg extends Lt{constructor(){super(...arguments),this.propertyNotifier=m.getNotifier(this)}connectedCallback(){super.connectedCallback(),this.initializeThemeProvider(),this.propertyNotifier.subscribe(this)}disconnectedCallback(){if(super.disconnectedCallback(),this.propertyNotifier.unsubscribe(this),this.themeProvider){for(const e of Object.values(this.supportedLabels))e.deleteValueFor(this.themeProvider)
 this.themeProvider=void 0}}handleChange(e,t){if(this.supportedLabels[t]){const e=this.supportedLabels[t],n=this[t]
 this.themeProvider&&(null==n?e.deleteValueFor(this.themeProvider):e.setValueFor(this.themeProvider,n))}}initializeThemeProvider(){if(this.themeProvider=this.closest("nimble-theme-provider")??void 0,this.themeProvider)for(const[e,t]of Object.entries(this.supportedLabels)){const n=this[e]
 null==n?t.deleteValueFor(this.themeProvider):t.setValueFor(this.themeProvider,n)}}}const bg={popupDismiss:cm,numericDecrement:dm,numericIncrement:hm,errorIcon:um,warningIcon:pm,informationIcon:fm}
@@ -7291,7 +7291,7 @@ const i$="nimble-rich-text-mention-listbox",o$=Z`
         margin-block-end: 0;
     }
 
-    li > p {
+    .ProseMirror li > p {
         margin-block: 0;
     }
 
@@ -7325,6 +7325,15 @@ const i$="nimble-rich-text-mention-listbox",o$=Z`
 
     ${""}
 
+    ${""}
+    .ProseMirror .nimble-mention-view-edit {
+        color: ${Dc};
+    }
+
+    :host([disabled]) .ProseMirror .nimble-mention-view-edit {
+        color: ${Nc};
+    }
+
     .footer-section {
         display: flex;
         justify-content: space-between;
@@ -8245,7 +8254,7 @@ class kE{static parseMarkdownToDOM(e,t){try{kE.setup(t)
 const n=this.markdownParser.parse(e)
 return null===n?{fragment:document.createDocumentFragment(),mentionedHrefs:Array.from(kE.mentionedHrefs)}:{fragment:this.domSerializer.serializeFragment(n.content),mentionedHrefs:Array.from(kE.mentionedHrefs)}}finally{kE.cleanup()}}static initializeMarkdownParser(){const e=gE.tokenizer.configure("zero").enable(["emphasis","list","escape","autolink","newline"])
 return e.normalizeLinkText=e=>e,new fE(this.updatedSchema,e,gE.tokens)}static getCustomSchemaConfiguration(){return new yb({nodes:lE.spec.nodes,marks:{link:{attrs:{href:{},rel:{default:"noopener noreferrer"},class:{default:""}},inclusive:!1,excludes:"_",toDOM(e){const t=e.attrs.href,n=kE.mentionConfigs?.find((e=>e.isValidMentionHref(t))),i=n?.getDisplayName(t)
-return n&&i?(kE.mentionedHrefs.add(t),[n.viewElement,{"mention-href":t,"mention-label":i,"disable-editing":!0}]):[Jd,{href:/^https?:\/\//i.test(t)?t:null,rel:e.attrs.rel,class:t}]}},em:lE.spec.marks.get("em"),strong:lE.spec.marks.get("strong")}})}static setup(e){kE.mentionConfigs=e,kE.mentionedHrefs.clear()}static cleanup(){kE.mentionConfigs=void 0,kE.mentionedHrefs.clear()}}xE=kE,kE.mentionedHrefs=new Set,kE.updatedSchema=xE.getCustomSchemaConfiguration(),kE.markdownParser=xE.initializeMarkdownParser(),kE.domSerializer=Tb.fromSchema(xE.updatedSchema)
+return n&&i?(kE.mentionedHrefs.add(t),[n.viewElement,{"mention-href":t,"mention-label":i}]):[Jd,{href:/^https?:\/\//i.test(t)?t:null,rel:e.attrs.rel,class:t}]}},em:lE.spec.marks.get("em"),strong:lE.spec.marks.get("strong")}})}static setup(e){kE.mentionConfigs=e,kE.mentionedHrefs.clear()}static cleanup(){kE.mentionConfigs=void 0,kE.mentionedHrefs.clear()}}xE=kE,kE.mentionedHrefs=new Set,kE.updatedSchema=xE.getCustomSchemaConfiguration(),kE.markdownParser=xE.initializeMarkdownParser(),kE.domSerializer=Tb.fromSchema(xE.updatedSchema)
 class CE{constructor(e){this.markdownSerializer=this.initializeMarkdownSerializerForTipTap(e)}serializeDOMToMarkdown(e){return this.markdownSerializer.serialize(e)}initializeMarkdownSerializerForTipTap(e){const t=function(e,t){const n=t.attrs.href
 e.write(`<${n}>`)},n={bulletList:bE.nodes.bullet_list,listItem:bE.nodes.list_item,orderedList:function(e,t){const n=t.attrs.start||1,i=String(n+t.childCount-1).length,o=e.repeat(" ",i+2)
 e.renderList(t,o,(t=>{const o=String(n+t)
@@ -8558,7 +8567,7 @@ const r=e.view.state.selection.$to.nodeAfter;(null===(i=null==r?void 0:r.text)||
 return!!n.parent.type.contentMatch.matchType(i)}}}},group:"inline",inline:!0,selectable:!1,atom:!0,addAttributes:()=>({id:{default:null,parseHTML:e=>e.getAttribute("data-id"),renderHTML:e=>e.id?{"data-id":e.id}:{}},label:{default:null,parseHTML:e=>e.getAttribute("data-label"),renderHTML:e=>e.label?{"data-label":e.label}:{}}}),parseHTML(){return[{tag:`span[data-type="${this.name}"]`}]},renderHTML({node:e,HTMLAttributes:t}){return["span",_C({"data-type":this.name},this.options.HTMLAttributes,t),this.options.renderLabel({options:this.options,node:e})]},renderText({node:e}){return this.options.renderLabel({options:this.options,node:e})},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command((({tr:e,state:t})=>{let n=!1
 const{selection:i}=t,{empty:o,anchor:r}=i
 return!!o&&(t.doc.nodesBetween(r-1,r,((t,i)=>{if(t.type.name===this.name)return n=!0,e.insertText(this.options.suggestion.char||"",i,i+t.nodeSize),!1})),n)}))}},addProseMirrorPlugins(){return[lO({editor:this.editor,...this.options.suggestion})]}}),hO=/^https?:\/\//i
-function uO(e,t,n,i,o,r){const s=YA.extend({excludes:"_",inclusive:!1,parseHTML:()=>[{tag:Jd},{tag:"a"}],renderHTML:({HTMLAttributes:e})=>["a",e]}).configure({HTMLAttributes:{rel:"noopener noreferrer",target:null,class:""},autolink:!0,openOnClick:!1,linkOnPaste:!1,validate:e=>hO.test(e)}),a=i.map((n=>function(e,t,n,i){return dO.extend({name:e.name,parseHTML:()=>[{tag:e.viewElement}],addAttributes:()=>({href:{default:null,parseHTML:e=>e.getAttribute("mention-href"),renderHTML:e=>({"mention-href":e.href})},label:{default:null,parseHTML:e=>e.getAttribute("mention-label"),renderHTML:e=>({"mention-label":e.label})},disabled:{default:null,parseHTML:e=>e.getAttribute("disabled"),renderHTML:e=>({disabled:e.disabled})}}),renderHTML({node:t,HTMLAttributes:n}){return[e.viewElement,_C(this.options.HTMLAttributes,n,{"disable-editing":""}),this.options.renderLabel({options:this.options,node:t})]}}).configure({suggestion:{char:e.character,pluginKey:new Bw(e.key),allowSpaces:!0,render:()=>{let o=!1
+function uO(e,t,n,i,o,r){const s=YA.extend({excludes:"_",inclusive:!1,parseHTML:()=>[{tag:Jd},{tag:"a"}],renderHTML:({HTMLAttributes:e})=>["a",e]}).configure({HTMLAttributes:{rel:"noopener noreferrer",target:null,class:""},autolink:!0,openOnClick:!1,linkOnPaste:!1,validate:e=>hO.test(e)}),a=i.map((n=>function(e,t,n,i){return dO.extend({name:e.name,parseHTML:()=>[{tag:e.viewElement}],addAttributes:()=>({href:{default:null,parseHTML:e=>e.getAttribute("mention-href"),renderHTML:e=>({"mention-href":e.href})},label:{default:null,parseHTML:e=>e.getAttribute("mention-label"),renderHTML:e=>({"mention-label":e.label})},disabled:{default:null,parseHTML:e=>e.getAttribute("disabled"),renderHTML:e=>({disabled:e.disabled})}}),renderHTML({node:t,HTMLAttributes:n}){return[e.viewElement,_C(this.options.HTMLAttributes,n),this.options.renderLabel({options:this.options,node:t})]}}).configure({suggestion:{char:e.character,decorationClass:"nimble-mention-view-edit",pluginKey:new Bw(e.key),allowSpaces:!0,render:()=>{let o=!1
 return{onStart:r=>{null!==r.decorationNode&&(o=!0,e.mentionUpdateEmitter(r.query),t(r.text.slice(0,1)),n(r.command),i?.show({filter:r.query,anchorNode:r.decorationNode}))},onUpdate:t=>{o&&(e.mentionUpdateEmitter(t.query),n(t.command),i?.show({filter:t.query,anchorNode:t.decorationNode}))},onKeyDown:e=>!!o&&(e.event.key===ha&&(o=!1),i?.keydownHandler(e.event)??!1),onExit:()=>{t(""),n(void 0),i?.close()}}}}})}(n,e,t,o))),l=new OS({element:n,enableInputRules:[LE,iO],enablePasteRules:!1,editorProps:{transformPasted:function(e){const t=pO(l,e.content)
 return new Lv(t,e.openStart,e.openEnd)}},extensions:[VE,oO,sO,LE,iO,QA,DE,dI,rI,rO.configure({placeholder:r,showOnlyWhenEditable:!1}),zS,s,...a]})
 return l}function pO(e,t){const n=[]
@@ -10511,7 +10520,7 @@ t=o-1}}return e>0?e-1:0}
    * @license MIT
    */class $R{constructor(e,t){this.visibleItems=[],this.scrollHeight=0,this.headerContainerMarginRight=0,this.rowContainerYOffset=0,this.table=e,this.tanStackTable=t,this.viewportResizeObserver=new ResizeObserver((e=>{const t=e[0]?.borderBoxSize[0]
 if(t){const e=t.inlineSize
-this.headerContainerMarginRight=e-this.table.viewport.clientWidth}}))}connectedCallback(){this.viewportResizeObserver.observe(this.table.viewport),this.updateVirtualizer()}disconnectedCallback(){this.viewportResizeObserver.disconnect()}dataChanged(){this.table.$fastController.isConnected&&this.updateVirtualizer()}updateVirtualizer(){const e=this.createVirtualizerOptions()
+this.headerContainerMarginRight=e-this.table.viewport.clientWidth}}))}connect(){this.viewportResizeObserver.observe(this.table.viewport),this.updateVirtualizer()}disconnect(){this.viewportResizeObserver.disconnect()}dataChanged(){this.table.$fastController.isConnected&&this.updateVirtualizer()}updateVirtualizer(){const e=this.createVirtualizerOptions()
 this.virtualizer?this.virtualizer.setOptions(e):this.virtualizer=new CR(e),this.virtualizer._willUpdate(),this.handleVirtualizerChange()}createVirtualizerOptions(){const e=parseFloat(Qa.getValueFor(this.table))+2*parseFloat(rl.getValueFor(this.table))
 return{count:this.tanStackTable.getRowModel().rows.length,getScrollElement:()=>this.table.viewport,estimateSize:t=>e,enableSmoothScroll:!0,overscan:3,scrollingDelay:5,scrollToFn:kR,observeElementOffset:yR,observeElementRect:wR,onChange:()=>this.handleVirtualizerChange()}}handleVirtualizerChange(){this.notifyFocusedCellRecycling()
 const e=this.virtualizer
@@ -10607,7 +10616,7 @@ n.state={rowSelection:this.calculateTanStackSelectionState(e)}}this.updateTableO
 const e=this.options.state.rowSelection
 if(!e)return[]
 const t=[]
-return Object.entries(e).forEach((([e,n])=>{n&&t.push(e)})),t}async setSelectedRecordIds(e){await this.processPendingUpdates(),this.selectionMode!==OT.none&&this.updateTableOptions({state:{rowSelection:this.calculateTanStackSelectionState(e)}})}connectedCallback(){super.connectedCallback(),this.initialize(),this.virtualizer.connectedCallback(),this.viewport.addEventListener("scroll",this.onViewPortScroll,{passive:!0}),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("keyup",this.onKeyUp)}disconnectedCallback(){super.disconnectedCallback(),this.virtualizer.disconnectedCallback(),this.viewport.removeEventListener("scroll",this.onViewPortScroll),document.removeEventListener("keydown",this.onKeyDown),document.removeEventListener("keyup",this.onKeyUp)}checkValidity(){return this.tableValidator.isValid()}handleChange(e,t){(e instanceof qT||e instanceof HT)&&"string"==typeof t?"validConfiguration"===t?this.tableValidator.validateColumnConfigurations(this.columns):this.tableUpdateTracker.trackColumnPropertyChanged(t):e instanceof IR&&"isColumnBeingSized"===t&&!this.layoutManager.isColumnBeingSized&&this.emitColumnConfigurationChangeEvent()}onRowSelectionToggle(e,t){t.stopImmediatePropagation()
+return Object.entries(e).forEach((([e,n])=>{n&&t.push(e)})),t}async setSelectedRecordIds(e){await this.processPendingUpdates(),this.selectionMode!==OT.none&&this.updateTableOptions({state:{rowSelection:this.calculateTanStackSelectionState(e)}})}connectedCallback(){super.connectedCallback(),this.initialize(),this.virtualizer.connect(),this.viewport.addEventListener("scroll",this.onViewPortScroll,{passive:!0}),document.addEventListener("keydown",this.onKeyDown),document.addEventListener("keyup",this.onKeyUp)}disconnectedCallback(){super.disconnectedCallback(),this.virtualizer.disconnect(),this.viewport.removeEventListener("scroll",this.onViewPortScroll),document.removeEventListener("keydown",this.onKeyDown),document.removeEventListener("keyup",this.onKeyUp)}checkValidity(){return this.tableValidator.isValid()}handleChange(e,t){(e instanceof qT||e instanceof HT)&&"string"==typeof t?"validConfiguration"===t?this.tableValidator.validateColumnConfigurations(this.columns):this.tableUpdateTracker.trackColumnPropertyChanged(t):e instanceof IR&&"isColumnBeingSized"===t&&!this.layoutManager.isColumnBeingSized&&this.emitColumnConfigurationChangeEvent()}onRowSelectionToggle(e,t){t.stopImmediatePropagation()
 this.selectionManager.handleRowSelectionToggle(this.tableData[e],t.detail.newState,this.documentShiftKeyDown)&&this.emitSelectionChangeEvent()}onRowClick(e,t){return this.selectionManager.handleRowClick(this.tableData[e],t.shiftKey,t.ctrlKey||t.metaKey)&&this.emitSelectionChangeEvent(),!0}onAllRowsSelectionChange(e){e.stopPropagation(),this.ignoreSelectionChangeEvents||(this.table.toggleAllRowsSelected(this.selectionCheckbox.checked),this.emitSelectionChangeEvent())}onRowActionMenuBeforeToggle(e,t){t.stopImmediatePropagation(),this.handleActionMenuBeforeToggleEvent(e,t)}onRowActionMenuToggle(e){e.stopImmediatePropagation(),this.handleRowActionMenuToggleEvent(e)}handleCollapseAllGroupRows(){this.collapsedRows.clear(),this.table.getRowModel().flatRows.filter((e=>e.getIsGrouped())).forEach((e=>this.collapsedRows.add(e.id))),this.table.toggleAllRowsExpanded(!1)}onRightDividerMouseDown(e,t){0===e.button&&this.layoutManager.beginColumnInteractiveSize(e.clientX,2*t)}onLeftDividerMouseDown(e,t){0===e.button&&this.layoutManager.beginColumnInteractiveSize(e.clientX,2*t-1)}handleGroupRowExpanded(e,t){this.toggleGroupExpanded(e),t.stopPropagation()}toggleColumnSort(e,t){if(e.sortingDisabled)return
 const n=this.getColumnsParticipatingInSorting().sort(((e,t)=>e.columnInternals.currentSortIndex-t.columnInternals.currentSortIndex)),i=n.indexOf(e),o=i>-1,r=e.columnInternals.currentSortDirection
 let s=AT.ascending
@@ -11185,7 +11194,7 @@ const gN="outline",vN="block",bN=we`
                 border-bottom-color: ${Pa};
             }
         `))
-class wN extends lo{constructor(){super(...arguments),this.appearance=gN,this.errorVisible=!1,this.scrollbarWidth=-1,this.updateScrollbarWidthQueued=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.onResize())),this.resizeObserver.observe(this)}disconnectedCallback(){this.resizeObserver?.disconnect()}onTextAreaInput(){this.handleTextInput(),this.queueUpdateScrollbarWidth()}placeholderChanged(){this.queueUpdateScrollbarWidth()}valueChanged(e,t){super.valueChanged(e,t),this.queueUpdateScrollbarWidth()}onResize(){this.scrollbarWidth=this.control.offsetWidth-this.control.clientWidth}queueUpdateScrollbarWidth(){this.$fastController.isConnected&&(this.updateScrollbarWidthQueued||(this.updateScrollbarWidthQueued=!0,u.queueUpdate((()=>this.updateScrollbarWidth()))))}updateScrollbarWidth(){this.updateScrollbarWidthQueued=!1,this.scrollbarWidth=this.control.offsetWidth-this.control.clientWidth}}e([se],wN.prototype,"appearance",void 0),e([se({attribute:"error-text"})],wN.prototype,"errorText",void 0),e([se({attribute:"error-visible",mode:"boolean"})],wN.prototype,"errorVisible",void 0),e([g],wN.prototype,"scrollbarWidth",void 0)
+class wN extends lo{constructor(){super(...arguments),this.appearance=gN,this.errorVisible=!1,this.scrollbarWidth=-1,this.updateScrollbarWidthQueued=!1}connectedCallback(){super.connectedCallback(),this.resizeObserver=new ResizeObserver((()=>this.onResize())),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.resizeObserver?.disconnect()}onTextAreaInput(){this.handleTextInput(),this.queueUpdateScrollbarWidth()}placeholderChanged(){this.queueUpdateScrollbarWidth()}valueChanged(e,t){super.valueChanged(e,t),this.queueUpdateScrollbarWidth()}onResize(){this.scrollbarWidth=this.control.offsetWidth-this.control.clientWidth}queueUpdateScrollbarWidth(){this.$fastController.isConnected&&(this.updateScrollbarWidthQueued||(this.updateScrollbarWidthQueued=!0,u.queueUpdate((()=>this.updateScrollbarWidth()))))}updateScrollbarWidth(){this.updateScrollbarWidthQueued=!1,this.scrollbarWidth=this.control.offsetWidth-this.control.clientWidth}}e([se],wN.prototype,"appearance",void 0),e([se({attribute:"error-text"})],wN.prototype,"errorText",void 0),e([se({attribute:"error-visible",mode:"boolean"})],wN.prototype,"errorVisible",void 0),e([g],wN.prototype,"scrollbarWidth",void 0)
 const yN=wN.compose({baseName:"text-area",baseClass:lo,template:()=>Z`
     <label
         part="label"