@ni/nimble-components 18.5.1 → 18.5.3

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

@@ -5091,7 +5091,7 @@ return null!=(t=e.options.debugAll)?t:e.options.debugRows}}),_getAllCellsByColum
 return null!=(t=e.options.debugAll)?t:e.options.debugRows}})}
 for(let t=0;t<e._features.length;t++){const i=e._features[t]
 Object.assign(r,null==i||null==i.createRow?void 0:i.createRow(r,e))}return r}
-class dv extends St{constructor(){super(...arguments),this.dataRecordFieldNames=[]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot",Or("table-column-slot"))}}e([oe({attribute:"column-id"})],dv.prototype,"columnId",void 0),e([oe({attribute:"action-menu-slot"})],dv.prototype,"actionMenuSlot",void 0),e([oe({attribute:"action-menu-label"})],dv.prototype,"actionMenuLabel",void 0),e([f],dv.prototype,"dataRecordFieldNames",void 0),e([f],dv.prototype,"columnConfig",void 0)
+class dv extends St{constructor(){super(...arguments),this.columnHidden=!1,this.dataRecordFieldNames=[]}connectedCallback(){super.connectedCallback(),this.setAttribute("slot",Or("table-column-slot"))}}e([oe({attribute:"column-id"})],dv.prototype,"columnId",void 0),e([oe({attribute:"action-menu-slot"})],dv.prototype,"actionMenuSlot",void 0),e([oe({attribute:"action-menu-label"})],dv.prototype,"actionMenuLabel",void 0),e([oe({attribute:"column-hidden",mode:"boolean"})],dv.prototype,"columnHidden",void 0),e([f],dv.prototype,"dataRecordFieldNames",void 0),e([f],dv.prototype,"columnConfig",void 0)
 class hv{constructor(){this.duplicateRecordId=!1,this.missingRecordId=!1,this.invalidRecordId=!1,this.duplicateColumnId=!1,this.missingColumnId=!1}getValidity(){return{duplicateRecordId:this.duplicateRecordId,missingRecordId:this.missingRecordId,invalidRecordId:this.invalidRecordId,duplicateColumnId:this.duplicateColumnId,missingColumnId:this.missingColumnId}}isValid(){return Object.values(this.getValidity()).every((e=>!1===e))}validateRecordIds(e,t){if(this.duplicateRecordId=!1,this.missingRecordId=!1,this.invalidRecordId=!1,"string"!=typeof t)return!0
 const i=new Set
 for(const n of e){if(!Object.prototype.hasOwnProperty.call(n,t)){this.missingRecordId=!0
@@ -5272,24 +5272,26 @@ sn.getOrCreate().withPrefix("nimble").register(xv())
 const $v=U`
     <template role="row">
         ${Ve((e=>e.columnStates),U`
-            <${sn.tagFor(yv)}
-                class="cell"
-                :cellTemplate="${e=>e.column.cellTemplate}"
-                :cellStyles="${e=>e.column.cellStyles}"
-                :cellState="${e=>e.cellState}"
-                ?has-action-menu="${e=>!!e.column.actionMenuSlot}"
-                action-menu-label="${e=>e.column.actionMenuLabel}"
-                @cell-action-menu-beforetoggle="${(e,t)=>t.parent.onCellActionMenuBeforeToggle(t.event,e.column)}"
-                @cell-action-menu-toggle="${(e,t)=>t.parent.onCellActionMenuToggle(t.event,e.column)}"
-            >
+            ${Me((e=>!e.column.columnHidden),U`
+                <${sn.tagFor(yv)}
+                    class="cell"
+                    :cellTemplate="${e=>e.column.cellTemplate}"
+                    :cellStyles="${e=>e.column.cellStyles}"
+                    :cellState="${e=>e.cellState}"
+                    ?has-action-menu="${e=>!!e.column.actionMenuSlot}"
+                    action-menu-label="${e=>e.column.actionMenuLabel}"
+                    @cell-action-menu-beforetoggle="${(e,t)=>t.parent.onCellActionMenuBeforeToggle(t.event,e.column)}"
+                    @cell-action-menu-toggle="${(e,t)=>t.parent.onCellActionMenuToggle(t.event,e.column)}"
+                >
 
-                ${Me(((e,t)=>t.parent.currentActionMenuColumn===e.column&&e.column.actionMenuSlot),U`
-                    <slot
-                        name="${e=>`row-action-menu-${e.column.actionMenuSlot}`}"
-                        slot="cellActionMenu"
-                    ></slot>
-                `)}
-            </${sn.tagFor(yv)}>
+                    ${Me(((e,t)=>t.parent.currentActionMenuColumn===e.column&&e.column.actionMenuSlot),U`
+                        <slot
+                            name="${e=>`row-action-menu-${e.column.actionMenuSlot}`}"
+                            slot="cellActionMenu"
+                        ></slot>
+                    `)}
+                </${sn.tagFor(yv)}>
+            `)}
         `)}
     </template>
 `
@@ -5307,9 +5309,11 @@ const _v=U`
             <div role="rowgroup" class="header-container">
                 <div class="header-row" role="row">
                     ${Ve((e=>e.columns),U`
-                        <${sn.tagFor(vv)} class="header">
-                            <slot name="${e=>e.slot}"></slot>
-                        </${sn.tagFor(vv)}>
+                        ${Me((e=>!e.columnHidden),U`
+                            <${sn.tagFor(vv)} class="header">
+                                <slot name="${e=>e.slot}"></slot>
+                            </${sn.tagFor(vv)}>
+                        `)}
                     `)}
                     <div class="header-scrollbar-spacer" style="width: ${e=>e.virtualizer.headerContainerMarginRight}px;"></div>
                 </div>