@blueprintui/grid 2.6.0 → 2.6.1

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+# [@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)
 
 

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",

package/dist/detail/element.d.ts

@@ -1,5 +1,4 @@
 import { LitElement, PropertyValues } from 'lit';
-import { TypePopoverController } from '@blueprintui/components/internals';
 /**
  * Grid Detail
  *
@@ -52,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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@blueprintui/grid",
-  "version": "2.6.0",
+  "version": "2.6.1",
   "type": "module",
   "files": [
     "package.json",
@@ -62,10 +62,10 @@
   "dependencies": {
     "lit": "^3.3.1",
     "tslib": "^2.8.1",
+    "@blueprintui/components": "^2.17.2",
     "@blueprintui/themes": "^2.1.12",
     "@blueprintui/icons": "^2.1.6",
     "@blueprintui/crane": "^2.1.8",
-    "@blueprintui/components": "^2.17.1",
     "@blueprintui/typewriter": "^2.1.11"
   },
   "devDependencies": {
@@ -87,11 +87,11 @@
     "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/typography": "^2.2.1",
     "@blueprintui/test": "^0.0.0",
     "@blueprintui/layout": "^2.2.0",
-    "@blueprintui/virtual": "^1.0.0"
+    "@blueprintui/typography": "^2.2.1",
+    "@blueprintui/virtual": "^1.0.1",
+    "@blueprintui-internals/eslint": "0.0.0"
   },
   "wireit": {
     "ci": {
@@ -118,7 +118,8 @@
         "../themes:build",
         "../typewriter:build",
         "../layout:build",
-        "../typography:build"
+        "../typography:build",
+        "../virtual:build"
       ],
       "files": [
         "./src/**/*",