@dreamonkey/quasar-app-extension-animate - npm Package Compare versions

Comparing version 0.0.6 to 0.0.7

dist/types/composables/animate.d.ts

@@ -16,3 +16,3 @@ import { Ref } from "@vue/composition-api";
 declare function animateOut(animationClass: string, options?: AnimateOptions): (el: HTMLElement) => void;
-declare type IntersectionHandler = (el: Element) => void;
+declare type IntersectionHandler = (el: HTMLElement) => void;
 declare function whenPastPercentage(percentage: number, intersectionHandler: IntersectionHandler): {
@@ -19,0 +19,0 @@ handler: (entry: IntersectionObserverEntry) => void;

dist/types/mixins/animate.d.ts

@@ -6,3 +6,3 @@ declare const _default: {
     methods: {
-        whenPastPercentage: (percentage: number, intersectionHandler: (el: Element) => void) => {
+        whenPastPercentage: (percentage: number, intersectionHandler: (el: HTMLElement) => void) => {
             handler: (entry: IntersectionObserverEntry) => void;
@@ -13,3 +13,3 @@ cfg: {
         };
-        whenPastEnd: (intersectionHandler: (el: Element) => void) => {
+        whenPastEnd: (intersectionHandler: (el: HTMLElement) => void) => {
             handler: (entry: IntersectionObserverEntry) => void;
@@ -20,3 +20,3 @@ cfg: {
         };
-        whenPastHalf: (intersectionHandler: (el: Element) => void) => {
+        whenPastHalf: (intersectionHandler: (el: HTMLElement) => void) => {
             handler: (entry: IntersectionObserverEntry) => void;
@@ -27,3 +27,3 @@ cfg: {
         };
-        whenPastQuarter: (intersectionHandler: (el: Element) => void) => {
+        whenPastQuarter: (intersectionHandler: (el: HTMLElement) => void) => {
             handler: (entry: IntersectionObserverEntry) => void;
@@ -34,3 +34,3 @@ cfg: {
         };
-        whenPastStart: (intersectionHandler: (el: Element) => void) => {
+        whenPastStart: (intersectionHandler: (el: HTMLElement) => void) => {
             handler: (entry: IntersectionObserverEntry) => void;
@@ -41,3 +41,3 @@ cfg: {
         };
-        whenPast: (percentageOrKeyword: number | "end" | "start" | "half" | "quarter", intersectionHandler: (el: Element) => void) => {
+        whenPast: (percentageOrKeyword: number | "end" | "start" | "half" | "quarter", intersectionHandler: (el: HTMLElement) => void) => {
             handler: (entry: IntersectionObserverEntry) => void;
@@ -44,0 +44,0 @@ cfg: {

package.json

 {
   "name": "@dreamonkey/quasar-app-extension-animate",
-  "version": "0.0.6",
+  "version": "0.0.7",
   "description": "Extend Quasar animation system",
@@ -5,0 +5,0 @@ "keywords": [

src/composables/animate.ts

@@ -38,3 +38,3 @@ import { onMounted, Ref } from "@vue/composition-api";
 
-type IntersectionHandler = (el: Element) => void;
+type IntersectionHandler = (el: HTMLElement) => void;
 
@@ -48,3 +48,3 @@ // v-intersection helpers
     handler: function (entry: IntersectionObserverEntry) {
-      entry.isIntersecting && intersectionHandler(entry.target);
+      entry.isIntersecting && intersectionHandler(entry.target as HTMLElement);
     },
@@ -51,0 +51,0 @@ cfg: { threshold: percentage },

No alert changes

Improved metrics

Total package byte prevSize

27873

increased by0.17%

No dependency changes