feat!: upgrade to lit-virtualizer

BREAKING CHANGE: drop polymer iron-list
BREAKING CHANGE: drop updateSize and scrollTarget

package.json

@@ -55,10 +55,9 @@
 		}
 	},
 	"dependencies": {
+		"@lit-labs/virtualizer": "^2.0.12",
 		"@neovici/cosmoz-utils": "^6.0.0",
 		"@pionjs/pion": "^2.0.0",
-		"@polymer/iron-list": "github:Neovici/iron-list",
-		"@polymer/polymer": "^3.3.1",
 		"lit-html": "^2.0.0 || ^3.0.0"
 	},
 	"devDependencies": {
@@ -72,6 +71,7 @@
 		"@polymer/paper-dropdown-menu": "^3.1.0",
 		"@polymer/paper-item": "^3.0.0",
 		"@polymer/paper-listbox": "^3.0.0",
+		"@polymer/polymer": "^3.5.1",
 		"@semantic-release/changelog": "^6.0.1",
 		"@semantic-release/git": "^10.0.0",
 		"husky": "^4.3.0",

test/basic.test.js

@@ -1,6 +1,7 @@
 /* eslint-disable max-lines */
 import { spy as sinonSpy } from 'sinon';
 import { assert, html, fixture, nextFrame } from '@open-wc/testing';
+import { setupIgnoreWindowResizeObserverLoopErrors } from '@lit-labs/virtualizer/support/resize-observer-errors.js';
 
 import '../cosmoz-grouped-list.js';
 
@@ -19,6 +20,8 @@ const renderItem = (item, index, { selected, expanded }) => html`
 	`;
 
 suite('empty', () => {
+	setupIgnoreWindowResizeObserverLoopErrors(setup, teardown);
+
 	let element;
 	setup(async () => {
 		element = await fixture(basicHtmlFixture);
@@ -115,6 +118,8 @@ suite('empty', () => {
 });
 
 suite('flat data', () => {
+	setupIgnoreWindowResizeObserverLoopErrors(setup, teardown);
+
 	let element,
 		items;
 
@@ -181,6 +186,8 @@ suite('flat data', () => {
 });
 
 suite('empty-groups', () => {
+	setupIgnoreWindowResizeObserverLoopErrors(setup, teardown);
+
 	let element;
 	setup(async () => {
 		element = await fixture(basicHtmlFixture);
@@ -232,6 +239,8 @@ suite('empty-groups', () => {
 });
 
 suite('basic', () => {
+	setupIgnoreWindowResizeObserverLoopErrors(setup, teardown);
+
 	let element,
 		groups;
 
@@ -519,6 +528,8 @@ suite('basic', () => {
 });
 
 suite('compare items function', () => {
+	setupIgnoreWindowResizeObserverLoopErrors(setup, teardown);
+
 	let element;
 
 	setup(async () => {
@@ -563,21 +574,3 @@ suite('compare items function', () => {
 		);
 	});
 });
-
-suite('update item size', () => {
-	test('updates item size with index from composed path', async () => {
-		const el = await fixture(html`
-			<cosmoz-grouped-list
-				style="min-height: 300px"
-		 		.data= ${ [{ id: 0 }, { id: 1 }, { id: 2 }, { id: 3 }] }
-				.renderItem=${ item => html`<div class="item" data-id=${ item.id }>id: ${ item.idex }</div>` }
-			></cosmoz-grouped-list>
-		`);
-
-		await nextFrame();
-
-		const updateSpy = sinonSpy(el.querySelector('#list'), 'updateSizeForIndex');
-		el.querySelector(`[data-id="${ 2 }"]`).dispatchEvent(new CustomEvent('update-item-size', { bubbles: true }));
-		assert.isTrue(updateSpy.calledOnceWith(2));
-	});
-});