element-vir 16.4.7 → 16.5.0

package/dist/declarative-element/directives/on-resize.directive.d.ts

@@ -1,7 +1,7 @@
 import { PartInfo } from 'lit/directive.js';
 export type OnResizeCallback = (
 /** Only these two properties are supported in all major modern browsers */
-entry: Readonly<Pick<ResizeObserverEntry, 'target' | 'contentRect'>>) => void;
+size: Readonly<Pick<ResizeObserverEntry, 'target' | 'contentRect'>>, element: Element) => void;
 export declare const onResize: (callback: OnResizeCallback) => import("lit-html/directive").DirectiveResult<{
     new (partInfo: PartInfo): {
         element: Element | undefined;

package/dist/declarative-element/directives/on-resize.directive.js

@@ -15,19 +15,20 @@ class extends Directive {
             console.error(entries);
             throw new Error(`${directiveName} observation triggered but the first entry was empty.`);
         }
-        this.callback?.({ target: resizeEntry.target, contentRect: resizeEntry.contentRect });
+        this.callback?.({ target: resizeEntry.target, contentRect: resizeEntry.contentRect }, this.element);
     }
     update(partInfo, [callback]) {
         assertIsElementPartInfo(partInfo, directiveName);
         this.callback = callback;
         const newElement = partInfo.element;
+        const oldElement = this.element;
         // if the element changes we need to observe the new one
-        if (newElement !== this.element) {
-            if (this.element) {
-                this.resizeObserver.unobserve(this.element);
+        if (newElement !== oldElement) {
+            this.element = newElement;
+            if (oldElement) {
+                this.resizeObserver.unobserve(oldElement);
             }
             this.resizeObserver.observe(newElement);
-            this.element = newElement;
         }
         return this.render(callback);
     }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "element-vir",
-    "version": "16.4.7",
+    "version": "16.5.0",
     "keywords": [
         "custom",
         "web",