@aarsteinmedia/dotlottie-player 3.0.6 → 3.0.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.js +4 -8
- package/dist/esm/index.js +4 -8
- package/dist/index.js +2 -2
- package/package.json +8 -8
package/dist/cjs/index.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
var Lottie = require('lottie-web');
|
|
4
4
|
var fflate = require('fflate');
|
|
5
5
|
|
|
6
|
-
var name="@aarsteinmedia/dotlottie-player";var version="3.0.
|
|
6
|
+
var name="@aarsteinmedia/dotlottie-player";var version="3.0.8";var description="Web Component for playing Lottie animations in your web app. Previously @johanaarstein/dotlottie-player";var exports$1={".":{"import":"./dist/esm/index.js",node:"./dist/esm/index.js",require:"./dist/cjs/index.js",types:"./dist/index.d.ts"}};var main="./dist/esm/index.js";var unpkg="./dist/index.js";var module$1="./dist/esm/index.js";var types="./dist/index.d.ts";var type="module";var homepage="https://www.aarstein.media/en/dotlottie-player";var repository={url:"git+https://github.com/aarsteinmedia/dotlottie-player.git",type:"git"};var bugs="https://github.com/aarsteinmedia/dotlottie-player/issues";var author={name:"Johan Martin Aarstein",email:"johan@aarstein.media",url:"https://www.aarstein.media",organization:"Aarstein Media"};var contributors=[{name:"Anthony Colpron",email:"anthonycolpron@gmail.com",url:"https://github.com/anthony-colpron"}];var license="GPL-2.0-or-later";var scripts={build:"rimraf ./dist && rollup -c","build:types":"rimraf ./types && tsc","build:cem":"npx cem analyze --config cem.config.mjs",prod:"pnpm build:types && pnpm build && pnpm build:cem",dev:"rollup -c -w --environment NODE_ENV:development",lint:"tsc && eslint . --ext .ts","lint:fix":"eslint . --ext .ts --fix"};var dependencies={fflate:"^0.8.2","lottie-web":"^5.12.2"};var peerDependencies={"@types/react":">= 16.0.0"};var devDependencies={"@custom-elements-manifest/analyzer":"^0.10.3","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@swc/core":"^1.7.21","@types/node":"^22.5.1","@typescript-eslint/eslint-plugin":"^8.3.0","@typescript-eslint/parser":"^8.3.0",autoprefixer:"^10.4.20","esbuild-sass-plugin":"^3.3.1",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-import-resolver-typescript":"^3.6.3","eslint-plugin-import":"^2.29.1","eslint-plugin-jsdoc":"^48.11.0","eslint-plugin-prettier":"^5.2.1","postcss-flexbugs-fixes":"^5.0.2",prettier:"^3.3.3",rimraf:"^6.0.1",rollup:"^4.21.1","rollup-plugin-dts":"^6.1.1","rollup-plugin-html-literals":"^1.1.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-postcss":"^4.0.2","rollup-plugin-serve":"^1.1.1","rollup-plugin-summary":"^2.0.1","rollup-plugin-swc3":"^0.11.2",sass:"^1.77.8",tslib:"^2.7.0",typescript:"^5.5.4"};var customElements$1="dist/custom-elements.json";var files=["dist","README.md"];var keywords=["lottie","dotlottie","animation","web component","svg","vector","player"];var publishConfig={access:"public"};var engines={node:">= 8.17.0"};var funding={type:"paypal",url:"https://www.paypal.com/donate/?hosted_button_id=E7C7DMN8KSQ6A"};var pkg = {name:name,version:version,description:description,exports:exports$1,main:main,unpkg:unpkg,module:module$1,types:types,type:type,homepage:homepage,repository:repository,bugs:bugs,author:author,contributors:contributors,license:license,scripts:scripts,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,customElements:customElements$1,files:files,keywords:keywords,publishConfig:publishConfig,engines:engines,funding:funding};
|
|
7
7
|
|
|
8
8
|
var ObjectFit;
|
|
9
9
|
(function(ObjectFit) {
|
|
@@ -494,7 +494,7 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
494
494
|
if (toggleLoop instanceof HTMLButtonElement) {
|
|
495
495
|
toggleLoop.dataset.active = value;
|
|
496
496
|
}
|
|
497
|
-
this.
|
|
497
|
+
this.setLoop(value === '' || Boolean(value));
|
|
498
498
|
}
|
|
499
499
|
if (name === 'mode') {
|
|
500
500
|
const toggleBoomerang = this.shadow.querySelector('.toggleBoomerang');
|
|
@@ -506,11 +506,11 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
506
506
|
if (name === 'speed') {
|
|
507
507
|
const val = Number(value);
|
|
508
508
|
if (val && !isNaN(val)) {
|
|
509
|
-
this.
|
|
509
|
+
this.setSpeed(val);
|
|
510
510
|
}
|
|
511
511
|
}
|
|
512
512
|
if (name === 'subframe') {
|
|
513
|
-
this.
|
|
513
|
+
this.setSubframe(value === '' || Boolean(value));
|
|
514
514
|
}
|
|
515
515
|
}
|
|
516
516
|
static get observedProperties() {
|
|
@@ -1267,7 +1267,6 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
1267
1267
|
if (!this._lottieInstance) {
|
|
1268
1268
|
return;
|
|
1269
1269
|
}
|
|
1270
|
-
this.subframe = value;
|
|
1271
1270
|
this._lottieInstance.setSubframe(value);
|
|
1272
1271
|
}
|
|
1273
1272
|
setCount(value) {
|
|
@@ -1301,21 +1300,18 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
1301
1300
|
if (!this._lottieInstance) {
|
|
1302
1301
|
return;
|
|
1303
1302
|
}
|
|
1304
|
-
this.speed = value;
|
|
1305
1303
|
this._lottieInstance.setSpeed(value);
|
|
1306
1304
|
}
|
|
1307
1305
|
setDirection(value) {
|
|
1308
1306
|
if (!this._lottieInstance) {
|
|
1309
1307
|
return;
|
|
1310
1308
|
}
|
|
1311
|
-
this.direction = value;
|
|
1312
1309
|
this._lottieInstance.setDirection(value);
|
|
1313
1310
|
}
|
|
1314
1311
|
setLoop(value) {
|
|
1315
1312
|
if (!this._lottieInstance) {
|
|
1316
1313
|
return;
|
|
1317
1314
|
}
|
|
1318
|
-
this.loop = value;
|
|
1319
1315
|
this._lottieInstance.setLoop(value);
|
|
1320
1316
|
}
|
|
1321
1317
|
setMultiAnimationSettings(settings) {
|
package/dist/esm/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import Lottie from 'lottie-web';
|
|
2
2
|
import { strToU8, zip, strFromU8, unzip as unzip$1 } from 'fflate';
|
|
3
3
|
|
|
4
|
-
var name="@aarsteinmedia/dotlottie-player";var version="3.0.
|
|
4
|
+
var name="@aarsteinmedia/dotlottie-player";var version="3.0.8";var description="Web Component for playing Lottie animations in your web app. Previously @johanaarstein/dotlottie-player";var exports={".":{"import":"./dist/esm/index.js",node:"./dist/esm/index.js",require:"./dist/cjs/index.js",types:"./dist/index.d.ts"}};var main="./dist/esm/index.js";var unpkg="./dist/index.js";var module="./dist/esm/index.js";var types="./dist/index.d.ts";var type="module";var homepage="https://www.aarstein.media/en/dotlottie-player";var repository={url:"git+https://github.com/aarsteinmedia/dotlottie-player.git",type:"git"};var bugs="https://github.com/aarsteinmedia/dotlottie-player/issues";var author={name:"Johan Martin Aarstein",email:"johan@aarstein.media",url:"https://www.aarstein.media",organization:"Aarstein Media"};var contributors=[{name:"Anthony Colpron",email:"anthonycolpron@gmail.com",url:"https://github.com/anthony-colpron"}];var license="GPL-2.0-or-later";var scripts={build:"rimraf ./dist && rollup -c","build:types":"rimraf ./types && tsc","build:cem":"npx cem analyze --config cem.config.mjs",prod:"pnpm build:types && pnpm build && pnpm build:cem",dev:"rollup -c -w --environment NODE_ENV:development",lint:"tsc && eslint . --ext .ts","lint:fix":"eslint . --ext .ts --fix"};var dependencies={fflate:"^0.8.2","lottie-web":"^5.12.2"};var peerDependencies={"@types/react":">= 16.0.0"};var devDependencies={"@custom-elements-manifest/analyzer":"^0.10.3","@rollup/plugin-commonjs":"^26.0.1","@rollup/plugin-json":"^6.1.0","@rollup/plugin-node-resolve":"^15.2.3","@rollup/plugin-typescript":"^11.1.6","@swc/core":"^1.7.21","@types/node":"^22.5.1","@typescript-eslint/eslint-plugin":"^8.3.0","@typescript-eslint/parser":"^8.3.0",autoprefixer:"^10.4.20","esbuild-sass-plugin":"^3.3.1",eslint:"^8.57.0","eslint-config-prettier":"^9.1.0","eslint-import-resolver-typescript":"^3.6.3","eslint-plugin-import":"^2.29.1","eslint-plugin-jsdoc":"^48.11.0","eslint-plugin-prettier":"^5.2.1","postcss-flexbugs-fixes":"^5.0.2",prettier:"^3.3.3",rimraf:"^6.0.1",rollup:"^4.21.1","rollup-plugin-dts":"^6.1.1","rollup-plugin-html-literals":"^1.1.8","rollup-plugin-livereload":"^2.0.5","rollup-plugin-postcss":"^4.0.2","rollup-plugin-serve":"^1.1.1","rollup-plugin-summary":"^2.0.1","rollup-plugin-swc3":"^0.11.2",sass:"^1.77.8",tslib:"^2.7.0",typescript:"^5.5.4"};var customElements$1="dist/custom-elements.json";var files=["dist","README.md"];var keywords=["lottie","dotlottie","animation","web component","svg","vector","player"];var publishConfig={access:"public"};var engines={node:">= 8.17.0"};var funding={type:"paypal",url:"https://www.paypal.com/donate/?hosted_button_id=E7C7DMN8KSQ6A"};var pkg = {name:name,version:version,description:description,exports:exports,main:main,unpkg:unpkg,module:module,types:types,type:type,homepage:homepage,repository:repository,bugs:bugs,author:author,contributors:contributors,license:license,scripts:scripts,dependencies:dependencies,peerDependencies:peerDependencies,devDependencies:devDependencies,customElements:customElements$1,files:files,keywords:keywords,publishConfig:publishConfig,engines:engines,funding:funding};
|
|
5
5
|
|
|
6
6
|
var ObjectFit;
|
|
7
7
|
(function(ObjectFit) {
|
|
@@ -492,7 +492,7 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
492
492
|
if (toggleLoop instanceof HTMLButtonElement) {
|
|
493
493
|
toggleLoop.dataset.active = value;
|
|
494
494
|
}
|
|
495
|
-
this.
|
|
495
|
+
this.setLoop(value === '' || Boolean(value));
|
|
496
496
|
}
|
|
497
497
|
if (name === 'mode') {
|
|
498
498
|
const toggleBoomerang = this.shadow.querySelector('.toggleBoomerang');
|
|
@@ -504,11 +504,11 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
504
504
|
if (name === 'speed') {
|
|
505
505
|
const val = Number(value);
|
|
506
506
|
if (val && !isNaN(val)) {
|
|
507
|
-
this.
|
|
507
|
+
this.setSpeed(val);
|
|
508
508
|
}
|
|
509
509
|
}
|
|
510
510
|
if (name === 'subframe') {
|
|
511
|
-
this.
|
|
511
|
+
this.setSubframe(value === '' || Boolean(value));
|
|
512
512
|
}
|
|
513
513
|
}
|
|
514
514
|
static get observedProperties() {
|
|
@@ -1265,7 +1265,6 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
1265
1265
|
if (!this._lottieInstance) {
|
|
1266
1266
|
return;
|
|
1267
1267
|
}
|
|
1268
|
-
this.subframe = value;
|
|
1269
1268
|
this._lottieInstance.setSubframe(value);
|
|
1270
1269
|
}
|
|
1271
1270
|
setCount(value) {
|
|
@@ -1299,21 +1298,18 @@ class DotLottiePlayer extends EnhancedElement {
|
|
|
1299
1298
|
if (!this._lottieInstance) {
|
|
1300
1299
|
return;
|
|
1301
1300
|
}
|
|
1302
|
-
this.speed = value;
|
|
1303
1301
|
this._lottieInstance.setSpeed(value);
|
|
1304
1302
|
}
|
|
1305
1303
|
setDirection(value) {
|
|
1306
1304
|
if (!this._lottieInstance) {
|
|
1307
1305
|
return;
|
|
1308
1306
|
}
|
|
1309
|
-
this.direction = value;
|
|
1310
1307
|
this._lottieInstance.setDirection(value);
|
|
1311
1308
|
}
|
|
1312
1309
|
setLoop(value) {
|
|
1313
1310
|
if (!this._lottieInstance) {
|
|
1314
1311
|
return;
|
|
1315
1312
|
}
|
|
1316
|
-
this.loop = value;
|
|
1317
1313
|
this._lottieInstance.setLoop(value);
|
|
1318
1314
|
}
|
|
1319
1315
|
setMultiAnimationSettings(settings) {
|