diff --git a/dev/dashboard.html b/dev/dashboard.html index e4e42dc8f3..e4ad7e8223 100644 --- a/dev/dashboard.html +++ b/dev/dashboard.html @@ -105,7 +105,7 @@ }); dashboard.addEventListener('dashboard-item-resize-start', (e) => { - console.log('dashboard-item-resize-start'); + console.log('dashboard-item-resize-start', e.detail); }); dashboard.addEventListener('dashboard-item-drag-resize', (e) => { diff --git a/packages/dashboard/src/widget-resize-controller.js b/packages/dashboard/src/widget-resize-controller.js index 33037890f4..dd0c96f815 100644 --- a/packages/dashboard/src/widget-resize-controller.js +++ b/packages/dashboard/src/widget-resize-controller.js @@ -46,7 +46,7 @@ export class WidgetResizeController extends EventTarget { this.__resizeHeight = this.__resizeStartHeight + e.detail.dy; this.__updateWidgetStyles(); - this.host.dispatchEvent(new CustomEvent('dashboard-item-resize-start')); + this.host.dispatchEvent(new CustomEvent('dashboard-item-resize-start', { detail: { item: this.resizedItem } })); this.__resizedElement = e.target; // Observe the removal of the resized element from the DOM diff --git a/packages/dashboard/test/dashboard-widget-resizing.test.ts b/packages/dashboard/test/dashboard-widget-resizing.test.ts index cb2b5d6dd0..1d5b41f7ee 100644 --- a/packages/dashboard/test/dashboard-widget-resizing.test.ts +++ b/packages/dashboard/test/dashboard-widget-resizing.test.ts @@ -259,6 +259,9 @@ describe('dashboard - widget resizing', () => { await nextFrame(); expect(resizeStartSpy).to.have.been.calledOnce; + expect(resizeStartSpy.getCall(0).args[0].detail).to.deep.equal({ + item: { id: 0 }, + }); }); it('should dispatch an item drag resize event', async () => { diff --git a/packages/dashboard/test/typings/dashboard.types.ts b/packages/dashboard/test/typings/dashboard.types.ts index c16507f5c8..df2601a3b2 100644 --- a/packages/dashboard/test/typings/dashboard.types.ts +++ b/packages/dashboard/test/typings/dashboard.types.ts @@ -62,6 +62,7 @@ narrowedDashboard.addEventListener('dashboard-item-drag-reorder', (event) => { narrowedDashboard.addEventListener('dashboard-item-resize-start', (event) => { assertType>(event); + assertType(event.detail.item); }); narrowedDashboard.addEventListener('dashboard-item-resize-end', (event) => {