@blueprintui/grid 2.5.0 → 2.6.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+# [@blueprintui/grid-v2.6.1](https://github.com/blueprintui/blueprintui/compare/@blueprintui/grid-v2.6.0...@blueprintui/grid-v2.6.1) (2026-01-01)
+
+
+### Bug Fixes
+
+* **components:** refactor to base popover mixin logic ([87dd198](https://github.com/blueprintui/blueprintui/commit/87dd198031ce52cb44a5c982459d934a7b008e49))
+
+# [@blueprintui/grid-v2.6.0](https://github.com/blueprintui/blueprintui/compare/@blueprintui/grid-v2.5.0...@blueprintui/grid-v2.6.0) (2025-12-23)
+
+
+### Features
+
+* **grid:** virtual support ([4e640ce](https://github.com/blueprintui/blueprintui/commit/4e640ceefd33c5495b73b8e8ee8b12718e1722bd))
+
 # [@blueprintui/grid-v2.5.0](https://github.com/blueprintui/blueprintui/compare/@blueprintui/grid-v2.4.1...@blueprintui/grid-v2.5.0) (2025-11-21)
 
 

package/dist/custom-elements.json

@@ -740,14 +740,6 @@
               },
               "attribute": "closable"
             },
-            {
-              "kind": "field",
-              "name": "typePopoverController",
-              "type": {
-                "text": "TypePopoverController<this>"
-              },
-              "privacy": "protected"
-            },
             {
               "kind": "field",
               "name": "#grid",
@@ -1417,7 +1409,7 @@
             },
             {
               "kind": "method",
-              "name": "#intializeColumnSort",
+              "name": "#initializeColumnSort",
               "privacy": "private"
             },
             {
@@ -1432,7 +1424,7 @@
             },
             {
               "kind": "method",
-              "name": "#intializeColumns",
+              "name": "#initializeColumns",
               "privacy": "private"
             },
             {
@@ -1453,7 +1445,7 @@
             },
             {
               "kind": "method",
-              "name": "#intializeFooter",
+              "name": "#initializeFooter",
               "privacy": "private"
             },
             {

package/dist/detail/element.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from 'lit';
-import { TypePopoverController } from '@blueprintui/components/internals';
 /**
  * Grid Detail
  *
@@ -18,6 +17,7 @@ import { TypePopoverController } from '@blueprintui/components/internals';
 export declare class BpGridDetail extends LitElement {
     #private;
     i18n: {
+        copy: string;
         sort: string;
         none: string;
         ascending: string;
@@ -51,7 +51,6 @@ export declare class BpGridDetail extends LitElement {
     position: 'inline-start' | 'inline-end';
     trigger: HTMLElement | string;
     closable: boolean;
-    protected typePopoverController: TypePopoverController<this>;
     _internals: ElementInternals;
     static styles: CSSStyleSheet[];
     render(): import("lit").TemplateResult<1>;

package/dist/detail/element.js

@@ -1 +1 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as i,nothing as r}from"lit";import{I18nService as s,baseStyles as n,typePopover as o,i18n as l,stateDirection as a,interactionResponsive as g}from"@blueprintui/components/internals";import h from"./element.css.js";let d=class extends e{static{this.properties={i18n:{type:Object},position:{type:String,reflect:!0},trigger:{type:String},closable:{type:Boolean}}}constructor(){super(...arguments),this.i18n=s.keys.actions,this.position="inline-end"}get#t(){return this.parentElement}#e;get#i(){return"string"==typeof this.trigger?this.getRootNode().querySelector("#"+this.trigger):this.trigger}get#r(){return this.#i?.closest("bp-grid-row")}get#s(){return parseInt(getComputedStyle(this).getPropertyValue("--full-width-breakpoint"))}static{this.styles=[n,h]}render(){return i`<div part="internal" role="presentation">${this.closable?i`<bp-button-icon @click="${this.hidePopover}" aria-label="${this.i18n.close}" shape="close" action="flat" type="button"></bp-button-icon>`:r}<slot></slot></div>${this.trigger?i`<div part="pointer" role="presentation"></div>`:r}`}async connectedCallback(){super.connectedCallback(),this.slot="detail",this.#n()}firstUpdated(t){super.firstUpdated(t),this.#o(),this.addEventListener("toggle",t=>{"open"===t.newState&&this.#o()})}async updated(t){super.updated(t),await this.updateComplete,t.has("trigger")&&t.get("trigger")!==this.#i&&!this.hidden&&this.#l(t.get("trigger"))}disconnectedCallback(){super.disconnectedCallback(),this.#e.disconnect()}#l(t){t?.closest&&t?.closest("bp-grid-row")?.removeAttribute("_detail-row");const e=this.#i?.getBoundingClientRect()?.top-this.getBoundingClientRect().top;this.style.setProperty("--pointer-top",e-2+"px")}#n(){this.addEventListener("resize-layout",t=>{t.detail.width<this.#s?this.setAttribute("full-width",""):t.detail.width>this.#s+parseInt(this.style.insetInlineStart)&&(this.removeAttribute("full-width"),this.#o())})}async#o(){this.#t.scrollLock=!this.hidden,await this.updateComplete;const t=Array.from(this.#r?this.#r.querySelectorAll("bp-grid-cell"):[]).find(t=>"rowheader"===t.role);if(t){const e=this.#t?.getBoundingClientRect(),i=t.getBoundingClientRect();this.style.width="auto","inline-start"===this.position||"rtl"===this.#t?.getAttribute("dir")?this.style.insetInlineStart=Math.floor(e.right-i.left)+"px":this.style.insetInlineStart=Math.floor(i.right-e.left)+"px"}}};d=t([o(()=>({focusTrap:!0})),l({key:"actions"}),a(),g()],d);export{d as BpGridDetail};
+import{__decorate as t}from"tslib";import{LitElement as e,html as i,nothing as r}from"lit";import{I18nService as s,baseStyles as n,i18n as o,stateDirection as l,interactionResponsive as a}from"@blueprintui/components/internals";import g from"./element.css.js";let h=class extends e{static{this.properties={i18n:{type:Object},position:{type:String,reflect:!0},trigger:{type:String},closable:{type:Boolean}}}constructor(){super(...arguments),this.i18n=s.keys.actions,this.position="inline-end"}get#t(){return this.parentElement}#e;get#i(){return"string"==typeof this.trigger?this.getRootNode().querySelector("#"+this.trigger):this.trigger}get#r(){return this.#i?.closest("bp-grid-row")}get#s(){return parseInt(getComputedStyle(this).getPropertyValue("--full-width-breakpoint"))}static{this.styles=[n,g]}render(){return i`<div part="internal" role="presentation">${this.closable?i`<bp-button-icon @click="${this.hidePopover}" aria-label="${this.i18n.close}" shape="close" action="flat" type="button"></bp-button-icon>`:r}<slot></slot></div>${this.trigger?i`<div part="pointer" role="presentation"></div>`:r}`}async connectedCallback(){super.connectedCallback(),this.slot="detail",this.#n()}firstUpdated(t){super.firstUpdated(t),this.#o(),this.addEventListener("toggle",t=>{"open"===t.newState&&this.#o()})}async updated(t){super.updated(t),await this.updateComplete,t.has("trigger")&&t.get("trigger")!==this.#i&&!this.hidden&&this.#l(t.get("trigger"))}disconnectedCallback(){super.disconnectedCallback(),this.#e.disconnect()}#l(t){t?.closest&&t?.closest("bp-grid-row")?.removeAttribute("_detail-row");const e=this.#i?.getBoundingClientRect()?.top-this.getBoundingClientRect().top;this.style.setProperty("--pointer-top",e-2+"px")}#n(){this.addEventListener("resize-layout",t=>{t.detail.width<this.#s?this.setAttribute("full-width",""):t.detail.width>this.#s+parseInt(this.style.insetInlineStart)&&(this.removeAttribute("full-width"),this.#o())})}async#o(){this.#t.scrollLock=!this.hidden,await this.updateComplete;const t=Array.from(this.#r?this.#r.querySelectorAll("bp-grid-cell"):[]).find(t=>"rowheader"===t.role);if(t){const e=this.#t?.getBoundingClientRect(),i=t.getBoundingClientRect();this.style.width="auto","inline-start"===this.position||"rtl"===this.#t?.getAttribute("dir")?this.style.insetInlineStart=Math.floor(e.right-i.left)+"px":this.style.insetInlineStart=Math.floor(i.right-e.left)+"px"}}};h=t([o({key:"actions"}),l(),a()],h);export{h as BpGridDetail};

package/dist/grid/dom.controller.js

@@ -1 +1 @@
-import{insertSpanningCells as t}from"@blueprintui/grid/internals";class s{#t;get placeholder(){return this.#t||(this.#t=this.host.querySelector("bp-grid-placeholder")),this.#t}#s;get footer(){return this.#s||(this.#s=this.host.querySelector("bp-grid-footer")),this.#s}#e;get rows(){return this.#e||(this.#e=Array.from(this.host.querySelectorAll("bp-grid-row"))),this.#e}#r;get columns(){return this.#r||(this.#r=Array.from(this.host.querySelectorAll("bp-grid-column"))),this.#r}#o;get cells(){return this.#o||(this.#o=Array.from(this.host.querySelectorAll("bp-grid-cell"))),this.#o}#i;get grid(){if(!this.#i){const s=this.columns.filter(t=>!t.ariaColSpan),e=t([...s,...Array.from(this.cells)]);for(this.#i=[];e.length;)this.#i.push(e.splice(0,s.length))}return this.#i}#h=0;get isStatic(){return this.#h++,1===this.#h&&!this.host.rangeSelection&&!this.host.querySelector("bp-grid-column bp-button-resize")&&!Array.from(this.columns).find(t=>void 0!==t.position||t.draggable||t.width)}constructor(t){this.host=t,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.host.shadowRoot.addEventListener("slotchange",async()=>{await this.host.updateComplete,this.#l(),this.host.shadowRoot.dispatchEvent(new CustomEvent("bp-slotchange"))}),this.host.addEventListener("bp-crane-end",async()=>{await this.host.updateComplete,this.#l()})}#l(){this.#i=null,this.#r=null,this.#e=null,this.#o=null,this.#t=null,this.#s=null}}export{s as GridDOMController};
+import{insertSpanningCells as t}from"@blueprintui/grid/internals";class e{#t;get placeholder(){return this.#t||(this.#t=this.host.querySelector("bp-grid-placeholder")),this.#t}#e;get footer(){return this.#e||(this.#e=this.host.querySelector("bp-grid-footer")),this.#e}#s;get rows(){return this.#s||(this.#s=Array.from(this.host.querySelectorAll("bp-grid-row"))),this.#s}#r;get columns(){return this.#r||(this.#r=Array.from(this.host.querySelectorAll("bp-grid-column"))),this.#r}#o;get cells(){return this.#o||(this.#o=Array.from(this.host.querySelectorAll("bp-grid-cell"))),this.#o}#i;get grid(){if(!this.#i){const e=this.columns.filter(t=>!t.ariaColSpan),s=t([...e,...Array.from(this.cells)]);for(this.#i=[];s.length;)this.#i.push(s.splice(0,e.length))}return this.#i}#h=0;get isStatic(){return this.#h++,1===this.#h&&!this.host.rangeSelection&&!this.host.querySelector("bp-grid-column bp-button-resize")&&!Array.from(this.columns).find(t=>void 0!==t.position||t.draggable||t.width)}constructor(t){this.host=t,this.host.addController(this)}async hostConnected(){await this.host.updateComplete,this.host.shadowRoot.addEventListener("slotchange",async()=>{await this.host.updateComplete,this.#l(),this.host.shadowRoot.dispatchEvent(new CustomEvent("bp-slotchange"))}),this.host.addEventListener("bp-virtual-change",async()=>{await this.host.updateComplete,this.#l()}),this.host.addEventListener("bp-crane-end",async()=>{await this.host.updateComplete,this.#l()})}#l(){this.#i=null,this.#r=null,this.#s=null,this.#o=null,this.#t=null,this.#e=null}}export{e as GridDOMController};

package/dist/grid/element.css.js

@@ -1 +1 @@
-const o=new CSSStyleSheet;o.replaceSync("[hidden]{display:none!important}:host{--background:var(--bp-layer-background-200);--body-height:auto;--body-min-height:auto;--column-height:var(--bp-size-900);--row-height:var(--bp-size-900);--scroll-padding-top:var(--column-height);--row-content-visibility:auto;--border:0;--border-width:var(--bp-object-border-width-100);--border-color:var(--bp-object-border-color-100);width:100%;display:block;position:relative}:host([range-selection]){user-select:none}:host([column-style*=border]) ::slotted(bp-grid-row){--cell-border-width:var(--border-width);--border-top:0;--border-bottom:0}:host([row-style*=border]) ::slotted(bp-grid-row){--border-top:var(--border-width)solid var(--border-color)}:host([row-style*=border]) ::slotted(bp-grid-row:last-of-type){--border-bottom:var(--border-width)solid var(--border-color)}:host([row-style*=border]) ::slotted(bp-grid-row:first-of-type){--border-top:0}:host([row-style*=stripe]) ::slotted(bp-grid-row){--border-top:0;--border-bottom:0}:host([row-style*=stripe]) ::slotted(bp-grid-row:nth-child(2n)),:host([row-style*=hover]) ::slotted(bp-grid-row:hover){--bp-interaction-offset:var(--bp-interaction-hover-offset)}:host([layer=flat]){--border-color:var(--bp-object-border-color-200);--background:inherit!important}[part=internal]{border:var(--border);border-radius:var(--bp-object-border-radius-100);background:var(--background);position:relative}.scroll-container{scrollbar-color:var(--bp-scrollbar-color);scrollbar-width:var(--bp-scrollbar-width);box-shadow:var(--box-shadow);border:var(--border);height:var(--body-height,100%);min-height:var(--body-min-height,auto);scroll-padding-top:var(--scroll-padding-top);flex-direction:column;width:100%;display:flex;overflow:auto}:host([scroll-lock]) .scroll-container{overflow:hidden}.body-row-group{min-width:fit-content;margin-top:var(--bp-size-200);flex-direction:column;flex:1;display:flex}slot[name=header]{z-index:99;flex-direction:column;min-width:fit-content;display:flex;position:sticky;top:0}::slotted(bp-grid-row:not([bp-draggable=target]):first-of-type){--box-shadow:var(--border-width)solid transparent}@keyframes fadein{0%{opacity:0}to{opacity:1}}");export{o as default};
+const o=new CSSStyleSheet;o.replaceSync("[hidden]{display:none!important}:host{--background:var(--bp-layer-background-200);--body-height:auto;--body-min-height:auto;--column-height:var(--bp-size-900);--row-height:var(--bp-size-900);--scroll-padding-top:var(--column-height);--row-content-visibility:auto;--border:0;--border-width:var(--bp-object-border-width-100);--border-color:var(--bp-object-border-color-100);width:100%;display:block;position:relative}:host([range-selection]){user-select:none}:host([layer=flat]){--border-color:var(--bp-object-border-color-200);--background:inherit!important}[part=internal]{border:var(--border);border-radius:var(--bp-object-border-radius-100);background:var(--background);position:relative}.scroll-container{scrollbar-color:var(--bp-scrollbar-color);scrollbar-width:var(--bp-scrollbar-width);box-shadow:var(--box-shadow);border:var(--border);height:var(--body-height,100%);min-height:var(--body-min-height,auto);scroll-padding-top:var(--scroll-padding-top);flex-direction:column;width:100%;display:flex;overflow:auto}:host([scroll-lock]) .scroll-container{overflow:hidden}.body-row-group{min-width:fit-content;margin-top:var(--bp-size-200);flex-direction:column;flex:1;display:flex}slot[name=header]{z-index:99;flex-direction:column;min-width:fit-content;display:flex;position:sticky;top:0}@keyframes fadein{0%{opacity:0}to{opacity:1}}");export{o as default};

package/dist/grid/element.d.ts

@@ -25,6 +25,7 @@ export declare class BpGrid extends LitElement {
     #private;
     /** set default aria/i18n strings */
     i18n: {
+        copy: string;
         sort: string;
         none: string;
         ascending: string;

package/dist/grid/element.global.css.js

@@ -1 +1 @@
-const e=new CSSStyleSheet;e.replaceSync(":is(bp-grid-row:has(bp-grid-cell:first-child bp-checkbox:state(checked)),bp-grid-row:has(bp-grid-cell:first-child bp-radio:state(checked))){--bp-interaction-offset:var(--bp-interaction-selected-offset)}bp-grid-cell[role=rowheader]:first-child{--bp-interaction-offset:var(--bp-interaction-selected-offset);--cell-border-width:var(--bp-size-100)}bp-grid-row bp-grid-cell:last-child{--border-right:0}bp-grid[row-style*=border] bp-grid-row:last-child{--border-bottom:0!important}bp-grid-cell:has(bp-button-handle){--padding-inline:var(--bp-size-400)}");export{e as default};
+const r=new CSSStyleSheet;r.replaceSync(":is(bp-grid-row:has(bp-grid-cell:first-child bp-checkbox:state(checked)),bp-grid-row:has(bp-grid-cell:first-child bp-radio:state(checked))){--bp-interaction-offset:var(--bp-interaction-selected-offset)}bp-grid-cell[role=rowheader]:first-child{--bp-interaction-offset:var(--bp-interaction-selected-offset);--cell-border-width:var(--bp-size-100)}bp-grid-row bp-grid-cell:last-child{--border-right:0}bp-grid[row-style*=border] bp-grid-row:last-child{--border-bottom:0!important}bp-grid-cell:has(bp-button-handle){--padding-inline:var(--bp-size-400)}bp-grid:has(bp-virtual-list) bp-grid-header{overflow-y:scroll}bp-grid[column-style*=border] bp-grid-row{--cell-border-width:var(--border-width);--border-top:0;--border-bottom:0}bp-grid[row-style*=border] bp-grid-row{--border-top:var(--border-width)solid var(--border-color)}bp-grid[row-style*=border] bp-grid-row:last-of-type{--border-bottom:var(--border-width)solid var(--border-color)}bp-grid[row-style*=border] bp-grid-row:first-of-type{--border-top:0}bp-grid[row-style*=stripe] bp-grid-row{--border-top:0;--border-bottom:0}bp-grid[row-style*=stripe] bp-grid-row:nth-child(2n),bp-grid[row-style*=hover] bp-grid-row:hover{--bp-interaction-offset:var(--bp-interaction-hover-offset)}bp-grid bp-grid-row:not([bp-draggable=target]):first-of-type{--box-shadow:var(--border-width)solid transparent}");export{r as default};

package/dist/grid/element.js

@@ -1 +1 @@
-import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{baseStyles as r,I18nService as l,createId as i,attachRootNodeStyles as n,dynamicControllers as s,i18n as a,typeMultiSelectable as h}from"@blueprintui/components/internals";import{interactionScrollVisibility as c}from"@blueprintui/grid/internals";import{GridLayoutController as u}from"./layout.controller.js";import{GridDOMController as d}from"./dom.controller.js";import C from"./element.global.css.js";import m from"./element.css.js";let p=class extends e{static{this.properties={i18n:{type:Object},height:{type:String,reflect:!0},columnLayout:{type:String,reflect:!0,attribute:"column-layout"},rowStyle:{type:String,reflect:!0,attribute:"row-style"},columnStyle:{type:String,reflect:!0,attribute:"column-style"},selectable:{type:String,reflect:!0},scrollLock:{type:Boolean,reflect:!0,attribute:"scroll-lock"},layer:{type:String,reflect:!0},rangeSelection:{type:Boolean,reflect:!0,attribute:"range-selection"},_id:{type:String,reflect:!0}}}static{this.styles=[r,m]}get gridLayoutControllerConfig(){return{columns:this.#t.columns,columnLayout:this.columnLayout,height:this.height}}#t;get grid(){return this.#t.grid}get columns(){return this.#t.columns}get cells(){return this.#t.cells}get rows(){return this.#t.rows}get keyNavGrid(){return this.shadowRoot.querySelector(".scroll-container")}render(){return o`<div role="presentation" part="internal"><div role="presentation" class="scroll-container"><slot role="presentation" name="header"></slot><slot role="presentation" class="body-row-group"></slot></div><slot name="footer"></slot><slot name="detail"></slot></div>`}constructor(){super(),this.gridLayoutController=new u(this),this._internals=this.attachInternals(),this.#t=new d(this),this._internals.role="grid",this._internals.states.add("bp-layer"),this.#e(),this.i18n=l.keys.actions,this.columnLayout="fixed",this.scrollLock=!1,this.layer="container",this.rangeSelection=!1,this._id=i()}async connectedCallback(){super.connectedCallback(),n(this,[C]),await this.updateComplete,this.shadowRoot.addEventListener("bp-slotchange",()=>this.#o()),this.#o()}#e(){this.addEventListener("sort",t=>{const e=t.composedPath().find(t=>"BP-GRID-COLUMN"===t.tagName);e&&(e.ariaSort=t.detail)})}async#o(){this.#t.isStatic||(this.#r(),this.#l(),this.#i(),this.#n(),this.#s(),this.#a())}#r(){const t=Math.max(this.#t.rows?.length,1),e=this.#t.footer?1:0;this._internals.ariaRowCount=""+(1+t+e),this._internals.ariaColCount=""+this.#t.columns.length}#l(){this.#t.columns.forEach((t,e)=>t.ariaColIndex=""+(e+1))}#i(){this.#t.rows?.forEach((t,e)=>t.ariaRowIndex=""+(e+2))}#n(){this.#t.cells?.forEach((t,e)=>t.ariaColIndex=""+(e%this.#t.columns.length+1))}#s(){this.#t.placeholder&&(this.#t.placeholder.ariaRowCount=""+(this.#t.rows.length+1),this.#t.placeholder._colSpan=this._internals.ariaColCount)}#a(){this.#t.footer&&(this.#t.footer.ariaRowCount=""+(this.#t.rows.length+2),this.#t.footer._colSpan=this._internals.ariaColCount)}};p=t([s(),a({key:"actions"}),h(),c()],p);export{p as BpGrid};
+import{__decorate as t}from"tslib";import{LitElement as e,html as o}from"lit";import{baseStyles as i,I18nService as r,createId as l,attachRootNodeStyles as n,dynamicControllers as s,i18n as a,typeMultiSelectable as h}from"@blueprintui/components/internals";import{interactionScrollVisibility as c}from"@blueprintui/grid/internals";import{GridLayoutController as u}from"./layout.controller.js";import{GridDOMController as d}from"./dom.controller.js";import C from"./element.global.css.js";import m from"./element.css.js";let p=class extends e{static{this.properties={i18n:{type:Object},height:{type:String,reflect:!0},columnLayout:{type:String,reflect:!0,attribute:"column-layout"},rowStyle:{type:String,reflect:!0,attribute:"row-style"},columnStyle:{type:String,reflect:!0,attribute:"column-style"},selectable:{type:String,reflect:!0},scrollLock:{type:Boolean,reflect:!0,attribute:"scroll-lock"},layer:{type:String,reflect:!0},rangeSelection:{type:Boolean,reflect:!0,attribute:"range-selection"},_id:{type:String,reflect:!0}}}static{this.styles=[i,m]}get gridLayoutControllerConfig(){return{columns:this.#t.columns,columnLayout:this.columnLayout,height:this.height}}#t;get grid(){return this.#t.grid}get columns(){return this.#t.columns}get cells(){return this.#t.cells}get rows(){return this.#t.rows}get keyNavGrid(){return this.shadowRoot.querySelector(".scroll-container")}render(){return o`<div role="presentation" part="internal"><div role="presentation" class="scroll-container"><slot role="presentation" name="header"></slot><slot role="presentation" class="body-row-group"></slot></div><slot name="footer"></slot><slot name="detail"></slot></div>`}constructor(){super(),this.gridLayoutController=new u(this),this._internals=this.attachInternals(),this.#t=new d(this),this._internals.role="grid",this._internals.states.add("bp-layer"),this.#e(),this.i18n=r.keys.actions,this.columnLayout="fixed",this.scrollLock=!1,this.layer="container",this.rangeSelection=!1,this._id=l()}async connectedCallback(){super.connectedCallback(),n(this,[C]),await this.updateComplete,this.shadowRoot.addEventListener("bp-slotchange",()=>this.#o()),this.#o()}#e(){this.addEventListener("sort",t=>{const e=t.composedPath().find(t=>"BP-GRID-COLUMN"===t.tagName);e&&(e.ariaSort=t.detail)})}async#o(){this.#t.isStatic||(this.#i(),this.#r(),this.#l(),this.#n(),this.#s(),this.#a())}#i(){const t=Math.max(this.#t.rows?.length,1),e=this.#t.footer?1:0;this._internals.ariaRowCount=""+(1+t+e),this._internals.ariaColCount=""+this.#t.columns.length}#r(){this.#t.columns.forEach((t,e)=>t.ariaColIndex=""+(e+1))}#l(){this.#t.rows?.forEach((t,e)=>t.ariaRowIndex=""+(e+2))}#n(){this.#t.cells?.forEach((t,e)=>t.ariaColIndex=""+(e%this.#t.columns.length+1))}#s(){this.#t.placeholder&&(this.#t.placeholder.ariaRowCount=""+(this.#t.rows.length+1),this.#t.placeholder._colSpan=this._internals.ariaColCount)}#a(){this.#t.footer&&(this.#t.footer.ariaRowCount=""+(this.#t.rows.length+2),this.#t.footer._colSpan=this._internals.ariaColCount)}};p=t([s(),a({key:"actions"}),h(),c()],p);export{p as BpGrid};

package/dist/placeholder/element.d.ts

@@ -13,6 +13,7 @@ export declare class BpGridPlaceholder extends LitElement {
     #private;
     /** set default aria/i18n strings */
     i18n: {
+        copy: string;
         sort: string;
         none: string;
         ascending: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintui/grid",
-  "version": "2.5.0",
+  "version": "2.6.1",
   "type": "module",
   "files": [
     "package.json",
@@ -62,15 +62,15 @@
   "dependencies": {
     "lit": "^3.3.1",
     "tslib": "^2.8.1",
-    "@blueprintui/components": "^2.11.0",
-    "@blueprintui/crane": "^2.1.8",
-    "@blueprintui/icons": "^2.1.6",
+    "@blueprintui/components": "^2.17.2",
     "@blueprintui/themes": "^2.1.12",
+    "@blueprintui/icons": "^2.1.6",
+    "@blueprintui/crane": "^2.1.8",
     "@blueprintui/typewriter": "^2.1.11"
   },
   "devDependencies": {
     "@blueprintui/cli": "0.11.3",
-    "@blueprintui/drafter": "0.9.4",
+    "@blueprintui/drafter": "0.10.0",
     "@types/jasmine": "5.1.9",
     "@web/dev-server": "0.4.6",
     "@web/dev-server-esbuild": "1.0.4",
@@ -83,14 +83,15 @@
     "jasmine": "5.10.0",
     "jasmine-core": "5.10.0",
     "modern-normalize": "^3.0.1",
-    "playwright": "1.55.0",
+    "playwright": "1.57.0",
     "publint": "0.3.12",
     "web-test-runner-jasmine": "0.1.4",
     "web-test-runner-performance": "0.1.6",
-    "@blueprintui-internals/eslint": "0.0.0",
-    "@blueprintui/layout": "^2.2.0",
     "@blueprintui/test": "^0.0.0",
-    "@blueprintui/typography": "^2.2.0"
+    "@blueprintui/layout": "^2.2.0",
+    "@blueprintui/typography": "^2.2.1",
+    "@blueprintui/virtual": "^1.0.1",
+    "@blueprintui-internals/eslint": "0.0.0"
   },
   "wireit": {
     "ci": {
@@ -117,7 +118,8 @@
         "../themes:build",
         "../typewriter:build",
         "../layout:build",
-        "../typography:build"
+        "../typography:build",
+        "../virtual:build"
       ],
       "files": [
         "./src/**/*",