vue3-lottie - npm Package Compare versions

Comparing version 2.7.4 to 2.7.5-beta.0

dist/index.d.ts

@@ -1,11 +0,3 @@
-import { App } from 'vue';
-import Vue3Lottie from './vue3-lottie.vue';
-export { Vue3Lottie };
-export declare function install(app: App, options: {
-    name: string;
-}): void;
-declare const plugin: {
-    version: string;
-    install: typeof install;
-};
-export default plugin;
+export * from './src/index'
+import vue3lottie from './src/index'
+export default vue3lottie

dist/vue3-lottie.es.js

@@ -0,1 +1,2 @@
+(function(){"use strict";try{if(typeof document!="undefined"){var t=document.createElement("style");t.appendChild(document.createTextNode(".lottie-animation-container{width:var(--lottie-animation-container-width);height:var(--lottie-animation-container-height);background-color:var(--lottie-animation-container-background-color);overflow:hidden;margin:0 auto}")),document.head.appendChild(t)}}catch(e){console.error("vite-plugin-css-injected-by-js",e)}})();
 import { defineComponent, ref, computed, watch, onMounted, openBlock, createElementBlock, normalizeStyle } from "vue";
@@ -126,6 +127,6 @@ import Lottie from "lottie-web";
 function copyArray(source, array) {
-  var index = -1, length = source.length;
+  var index2 = -1, length = source.length;
   array || (array = Array(length));
-  while (++index < length) {
-    array[index] = source[index];
+  while (++index2 < length) {
+    array[index2] = source[index2];
   }
@@ -144,5 +145,5 @@ return array;
 function arrayEach(array, iteratee) {
-  var index = -1, length = array == null ? 0 : array.length;
-  while (++index < length) {
-    if (iteratee(array[index], index, array) === false) {
+  var index2 = -1, length = array == null ? 0 : array.length;
+  while (++index2 < length) {
+    if (iteratee(array[index2], index2, array) === false) {
       break;
@@ -186,5 +187,5 @@ }
   object || (object = {});
-  var index = -1, length = props.length;
-  while (++index < length) {
-    var key = props[index];
+  var index2 = -1, length = props.length;
+  while (++index2 < length) {
+    var key = props[index2];
     var newValue = customizer ? customizer(object[key], source[key], key, object, source) : void 0;
@@ -215,5 +216,5 @@ if (newValue === void 0) {
 function baseTimes(n, iteratee) {
-  var index = -1, result = Array(n);
-  while (++index < n) {
-    result[index] = iteratee(index);
+  var index2 = -1, result = Array(n);
+  while (++index2 < n) {
+    result[index2] = iteratee(index2);
   }
@@ -373,6 +374,6 @@ return result;
 function Hash(entries) {
-  var index = -1, length = entries == null ? 0 : entries.length;
+  var index2 = -1, length = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index < length) {
-    var entry = entries[index];
+  while (++index2 < length) {
+    var entry = entries[index2];
     this.set(entry[0], entry[1]);
@@ -402,11 +403,11 @@ }
 function listCacheDelete(key) {
-  var data = this.__data__, index = assocIndexOf(data, key);
-  if (index < 0) {
+  var data = this.__data__, index2 = assocIndexOf(data, key);
+  if (index2 < 0) {
     return false;
   }
   var lastIndex = data.length - 1;
-  if (index == lastIndex) {
+  if (index2 == lastIndex) {
     data.pop();
   } else {
-    splice.call(data, index, 1);
+    splice.call(data, index2, 1);
   }
@@ -417,4 +418,4 @@ --this.size;
 function listCacheGet(key) {
-  var data = this.__data__, index = assocIndexOf(data, key);
-  return index < 0 ? void 0 : data[index][1];
+  var data = this.__data__, index2 = assocIndexOf(data, key);
+  return index2 < 0 ? void 0 : data[index2][1];
 }
@@ -425,8 +426,8 @@ function listCacheHas(key) {
 function listCacheSet(key, value) {
-  var data = this.__data__, index = assocIndexOf(data, key);
-  if (index < 0) {
+  var data = this.__data__, index2 = assocIndexOf(data, key);
+  if (index2 < 0) {
     ++this.size;
     data.push([key, value]);
   } else {
-    data[index][1] = value;
+    data[index2][1] = value;
   }
@@ -436,6 +437,6 @@ return this;
 function ListCache(entries) {
-  var index = -1, length = entries == null ? 0 : entries.length;
+  var index2 = -1, length = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index < length) {
-    var entry = entries[index];
+  while (++index2 < length) {
+    var entry = entries[index2];
     this.set(entry[0], entry[1]);
@@ -485,6 +486,6 @@ }
 function MapCache(entries) {
-  var index = -1, length = entries == null ? 0 : entries.length;
+  var index2 = -1, length = entries == null ? 0 : entries.length;
   this.clear();
-  while (++index < length) {
-    var entry = entries[index];
+  while (++index2 < length) {
+    var entry = entries[index2];
     this.set(entry[0], entry[1]);
@@ -499,5 +500,5 @@ }
 function arrayPush(array, values) {
-  var index = -1, length = values.length, offset = array.length;
-  while (++index < length) {
-    array[offset + index] = values[index];
+  var index2 = -1, length = values.length, offset = array.length;
+  while (++index2 < length) {
+    array[offset + index2] = values[index2];
   }
@@ -567,6 +568,6 @@ return array;
 function arrayFilter(array, predicate) {
-  var index = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
-  while (++index < length) {
-    var value = array[index];
-    if (predicate(value, index, array)) {
+  var index2 = -1, length = array == null ? 0 : array.length, resIndex = 0, result = [];
+  while (++index2 < length) {
+    var value = array[index2];
+    if (predicate(value, index2, array)) {
       result[resIndex++] = value;
@@ -816,6 +817,6 @@ }
 function SetCache(values) {
-  var index = -1, length = values == null ? 0 : values.length;
+  var index2 = -1, length = values == null ? 0 : values.length;
   this.__data__ = new MapCache();
-  while (++index < length) {
-    this.add(values[index]);
+  while (++index2 < length) {
+    this.add(values[index2]);
   }
@@ -826,5 +827,5 @@ }
 function arraySome(array, predicate) {
-  var index = -1, length = array == null ? 0 : array.length;
-  while (++index < length) {
-    if (predicate(array[index], index, array)) {
+  var index2 = -1, length = array == null ? 0 : array.length;
+  while (++index2 < length) {
+    if (predicate(array[index2], index2, array)) {
       return true;
@@ -849,9 +850,9 @@ }
   }
-  var index = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$1 ? new SetCache() : void 0;
+  var index2 = -1, result = true, seen = bitmask & COMPARE_UNORDERED_FLAG$1 ? new SetCache() : void 0;
   stack.set(array, other);
   stack.set(other, array);
-  while (++index < arrLength) {
-    var arrValue = array[index], othValue = other[index];
+  while (++index2 < arrLength) {
+    var arrValue = array[index2], othValue = other[index2];
     if (customizer) {
-      var compared = isPartial ? customizer(othValue, arrValue, index, other, array, stack) : customizer(arrValue, othValue, index, array, other, stack);
+      var compared = isPartial ? customizer(othValue, arrValue, index2, other, array, stack) : customizer(arrValue, othValue, index2, array, other, stack);
     }
@@ -884,5 +885,5 @@ if (compared !== void 0) {
 function mapToArray(map) {
-  var index = -1, result = Array(map.size);
+  var index2 = -1, result = Array(map.size);
   map.forEach(function(value, key) {
-    result[++index] = [key, value];
+    result[++index2] = [key, value];
   });
@@ -892,5 +893,5 @@ return result;
 function setToArray(set) {
-  var index = -1, result = Array(set.size);
+  var index2 = -1, result = Array(set.size);
   set.forEach(function(value) {
-    result[++index] = value;
+    result[++index2] = value;
   });
@@ -957,5 +958,5 @@ return result;
   }
-  var index = objLength;
-  while (index--) {
-    var key = objProps[index];
+  var index2 = objLength;
+  while (index2--) {
+    var key = objProps[index2];
     if (!(isPartial ? key in other : hasOwnProperty$1.call(other, key))) {
@@ -974,4 +975,4 @@ return false;
   var skipCtor = isPartial;
-  while (++index < objLength) {
-    key = objProps[index];
+  while (++index2 < objLength) {
+    key = objProps[index2];
     var objValue = object[key], othValue = other[key];
@@ -1329,5 +1330,5 @@ if (customizer) {
     };
-    const updateDocumentData = (documentData, index = 0) => {
+    const updateDocumentData = (documentData, index2 = 0) => {
       if (lottieAnimation) {
-        lottieAnimation.renderer.elements[index].updateDocumentData(documentData);
+        lottieAnimation.renderer.elements[index2].updateDocumentData(documentData);
       }
@@ -1396,12 +1397,9 @@ };
 var Vue3Lottie = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-function install(app, options) {
-  const finalOptions = Object.assign({}, {
-    name: "Vue3Lottie"
-  }, options);
-  app.component(`${finalOptions.name}`, Vue3Lottie);
-}
-const plugin = {
-  version: "2.7.4",
-  install
+var index = {
+  install(app, options) {
+    var _a;
+    const name = (_a = options == null ? void 0 : options.name) != null ? _a : "Vue3Lottie";
+    app.component(name, Vue3Lottie);
+  }
 };
-export { Vue3Lottie, plugin as default, install };
+export { Vue3Lottie, index as default };

package.json

 {
   "name": "vue3-lottie",
-  "version": "2.7.4",
+  "version": "2.7.5-beta.0",
   "license": "MIT",
   "author": "Sanjay Soundarajan <[e-mail]> (https://sanjaysoundarajan.dev)",
+  "type": "module",
   "dependencies": {
@@ -14,4 +15,3 @@ "lodash-es": "^4.17.21",
   "files": [
-    "dist",
-    "dist/*.css"
+    "dist/*"
   ],
@@ -26,3 +26,3 @@ "repository": {
   },
-  "main": "dist/vue3-lottie.umd.js",
+  "main": "dist/vue3-lottie.cjs.js",
   "module": "dist/vue3-lottie.es.js",
@@ -32,7 +32,5 @@ "types": "dist/index.d.ts",
     ".": {
-      "types": "./dist/index.d.ts",
       "import": "./dist/vue3-lottie.es.js",
-      "require": "./dist/vue3-lottie.umd.js"
-    },
-    "./dist/style.css": "./dist/style.css"
+      "require": "./dist/vue3-lottie.cjs.js"
+    }
   },
@@ -44,4 +42,8 @@ "devDependencies": {
     "@vitejs/plugin-vue": "2.3.4",
+    "@vue/compiler-sfc": "^3.3.4",
     "typescript": "5.0.4",
     "vite": "2.9.16",
+    "vite-plugin-css-injected-by-js": "^3.1.1",
+    "vite-plugin-dts": "^2.3.0",
+    "vite-plugin-vue-type-imports": "^0.2.4",
     "vue": "3.3.4",
@@ -64,4 +66,5 @@ "vue-tsc": "0.40.13",
   "scripts": {
-    "dev": "vue-cli-service serve dev/serve.ts",
-    "build": "vite build && tsc -d --emitDeclarationOnly && vue-typegen gen -s ./src -o ./dist",
+    "dev": "vite build --watch",
+    "build": "vite build",
+    "dev:build": "vite build && tsc -d --emitDeclarationOnly && vue-typegen gen -s ./src -o ./dist",
     "lint": "eslint \"{packages,playground}/**/*.{ts,tsx,vue,js,jsx,html}\"",
@@ -68,0 +71,0 @@ "prettier": "npx prettier --write ."

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

102778

increased by1.22%

Number of package files

9

increased by12.5%

Lines of code

1710

increased by1.42%

Is type module

Yes

Worsened metrics

Dev dependency count

13

increased by44.44%

Number of low quality alerts

2

increased by100%

No dependency changes