Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@proyecto26/animatable-component

Package Overview
Dependencies
Maintainers
1
Versions
36
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@proyecto26/animatable-component - npm Package Compare versions

Comparing version 0.10.0 to 1.0.0

dist/animatable-component/p-9zjba5re.system.entry.js
dist/animatable-component/p-b300bf53.js
dist/animatable-component/p-bcd5789f.system.js
dist/animatable-component/p-d18deec3.system.js
dist/animatable-component/p-eomz2zw7.entry.js
dist/animatable-component/p-fca08e7d.system.js
dist/cjs/core-93aa29d3.js
dist/esm-es5/core-8eb39732.js
dist/esm/core-8eb39732.js

2

dist/animatable-component/animatable-component.esm.js

@@ -1,1 +0,1 @@

import{p as a,b as t}from"./p-c33d1ae1.js";a().then(a=>t([["p-wbyslffw",[[4,"animatable-component",{animation:[1],keyFrames:[1040],keyFramesData:[1,"key-frames-data"],options:[1040],optionsData:[1,"options-data"],animateId:[1025,"animate-id"],delay:[1026],endDelay:[1026,"end-delay"],duration:[1026],direction:[1025],composite:[1025],easing:[1025],fill:[1025],iterations:[1026],iterationStart:[1026,"iteration-start"],iterationComposite:[1025,"iteration-composite"],autoPlay:[1540,"autoplay"],currentTime:[2,"current-time"],startTime:[2,"start-time"],playbackRate:[2,"playback-rate"],getCurrentTime:[64],getStartTime:[64],getPending:[64],getPlaybackRate:[64],getPlayState:[64],cancel:[64],finish:[64],pause:[64],play:[64],reverse:[64],clear:[64],destroy:[64]}]]]],a));
import{p as a,b as t}from"./p-b300bf53.js";a().then(a=>t([["p-eomz2zw7",[[4,"animatable-component",{animation:[1],keyFrames:[1040],keyFramesData:[1,"key-frames-data"],options:[1040],optionsData:[1,"options-data"],animateId:[1025,"animate-id"],delay:[1026],endDelay:[1026,"end-delay"],duration:[1026],direction:[1025],composite:[1025],easing:[1025],fill:[1025],iterations:[1026],iterationStart:[1026,"iteration-start"],iterationComposite:[1025,"iteration-composite"],autoPlay:[1540,"autoplay"],currentTime:[2,"current-time"],startTime:[2,"start-time"],playbackRate:[2,"playback-rate"],getCurrentTime:[64],getStartTime:[64],getPending:[64],getPlaybackRate:[64],getPlayState:[64],cancel:[64],finish:[64],pause:[64],play:[64],reverse:[64],clear:[64],destroy:[64]}]]]],a));

2

dist/animatable-component/index.esm.js

@@ -1,1 +0,1 @@

import{h as t}from"./p-c33d1ae1.js";export{A as ANIMATIONS,E as EASING,a as EASING_FUNCTIONS}from"./p-0fffbc16.js";var e=function(t,a){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&a.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)a.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(e[i[o]]=t[i[o]])}return e};function i(a){return i=>{const{ref:o,keyFrames:n,keyFramesData:r,options:s,optionsData:c,animateId:m,delay:l,endDelay:p,duration:y,direction:f,composite:d,easing:u,fill:b,iterations:F,iterationStart:S,iterationComposite:k,autoPlay:D,currentTime:I,startTime:T,playbackRate:j,onStart:C,onCancel:O,onFinish:N}=i,A=e(i,["ref","keyFrames","keyFramesData","options","optionsData","animateId","delay","endDelay","duration","direction","composite","easing","fill","iterations","iterationStart","iterationComposite","autoPlay","currentTime","startTime","playbackRate","onStart","onCancel","onFinish"]);return t("animatable-component",{ref:o,keyFrames:n,keyFramesData:r,options:s,optionsData:c,animateId:m,delay:l,endDelay:p,duration:y,direction:f,composite:d,easing:u,fill:b,iterations:F,iterationStart:S,iterationComposite:k,autoPlay:D,currentTime:I,startTime:T,playbackRate:j,onStart:C,onCancel:O,onFinish:N},t(a,Object.assign({},A)))}}export{i as createAnimatableComponent};
import{h as t}from"./p-b300bf53.js";export{A as ANIMATIONS,E as EASING,a as EASING_FUNCTIONS}from"./p-0fffbc16.js";var e=function(t,a){var e={};for(var i in t)Object.prototype.hasOwnProperty.call(t,i)&&a.indexOf(i)<0&&(e[i]=t[i]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(i=Object.getOwnPropertySymbols(t);o<i.length;o++)a.indexOf(i[o])<0&&Object.prototype.propertyIsEnumerable.call(t,i[o])&&(e[i[o]]=t[i[o]])}return e};function i(a){return i=>{const{ref:o,keyFrames:n,keyFramesData:r,options:s,optionsData:c,animateId:m,delay:l,endDelay:p,duration:f,direction:y,composite:u,easing:d,fill:b,iterations:F,iterationStart:S,iterationComposite:k,autoPlay:D,currentTime:I,startTime:T,playbackRate:j,onStart:C,onCancel:O,onFinish:N}=i,A=e(i,["ref","keyFrames","keyFramesData","options","optionsData","animateId","delay","endDelay","duration","direction","composite","easing","fill","iterations","iterationStart","iterationComposite","autoPlay","currentTime","startTime","playbackRate","onStart","onCancel","onFinish"]);return t("animatable-component",{ref:o,keyFrames:n,keyFramesData:r,options:s,optionsData:c,animateId:m,delay:l,endDelay:p,duration:f,direction:y,composite:u,easing:d,fill:b,iterations:F,iterationStart:S,iterationComposite:k,autoPlay:D,currentTime:I,startTime:T,playbackRate:j,onStart:C,onCancel:O,onFinish:N},t(a,Object.assign({},A)))}}export{i as createAnimatableComponent};

26

dist/cjs/animatable-component.cjs.entry.js

@@ -5,3 +5,3 @@ 'use strict';

const core = require('./core-63d2fb05.js');
const core = require('./core-93aa29d3.js');
const animations = require('./animations-c68afb62.js');

@@ -15,3 +15,3 @@

*/
this.autoPlay = true;
this.autoPlay = false;
this.onFinishAnimation = () => this.onFinish.emit(this.getElement());

@@ -54,6 +54,8 @@ this.onCancelAnimation = () => this.onCancel.emit(this.getElement());

if (options.hasOwnProperty(key)) {
if (key === 'id')
if (key === 'id') {
this.animateId = undefined;
else
}
else {
this[key] = undefined;
}
}

@@ -77,3 +79,3 @@ }

async getCurrentTime() {
return this.currentAnimation.currentTime;
return Promise.resolve(this.currentAnimation.currentTime);
}

@@ -87,3 +89,3 @@ setStartTime(newValue) {

async getStartTime() {
return this.currentAnimation.startTime;
return Promise.resolve(this.currentAnimation.startTime);
}

@@ -96,3 +98,3 @@ /**

async getPending() {
return this.currentAnimation.pending;
return Promise.resolve(this.currentAnimation.pending);
}

@@ -106,3 +108,3 @@ setPlaybackRate(newValue) {

async getPlaybackRate() {
return this.currentAnimation.playbackRate;
return Promise.resolve(this.currentAnimation.playbackRate);
}

@@ -113,3 +115,3 @@ /**

async getPlayState() {
return this.currentAnimation.playState;
return Promise.resolve(this.currentAnimation.playState);
}

@@ -239,4 +241,5 @@ /**

componentWillLoad() {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
}

@@ -253,4 +256,5 @@ /**

componentDidUpdate() {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
}

@@ -257,0 +261,0 @@ componentDidUnload() {

2

dist/cjs/animatable-component.cjs.js
'use strict';
const core = require('./core-63d2fb05.js');
const core = require('./core-93aa29d3.js');

@@ -5,0 +5,0 @@ core.patchBrowser().then(options => {

2

dist/cjs/index.cjs.js

@@ -5,3 +5,3 @@ 'use strict';

const core = require('./core-63d2fb05.js');
const core = require('./core-93aa29d3.js');
const animations = require('./animations-c68afb62.js');

@@ -8,0 +8,0 @@

2

dist/cjs/loader.cjs.js

@@ -5,3 +5,3 @@ 'use strict';

const core = require('./core-63d2fb05.js');
const core = require('./core-93aa29d3.js');

@@ -8,0 +8,0 @@ const defineCustomElements = (win, options) => {

4

dist/collection/collection-manifest.json

@@ -7,4 +7,4 @@ {

"name": "@stencil/core",
"version": "1.7.4",
"typescriptVersion": "3.6.3"
"version": "1.8.1",
"typescriptVersion": "3.7.2"
},

@@ -11,0 +11,0 @@ "collections": [],

26

dist/collection/components/animatable-component/animatable-component.js

@@ -12,3 +12,3 @@ import { h } from "@stencil/core";

*/
this.autoPlay = true;
this.autoPlay = false;
this.onFinishAnimation = () => this.onFinish.emit(this.getElement());

@@ -48,6 +48,8 @@ this.onCancelAnimation = () => this.onCancel.emit(this.getElement());

if (options.hasOwnProperty(key)) {
if (key === 'id')
if (key === 'id') {
this.animateId = undefined;
else
}
else {
this[key] = undefined;
}
}

@@ -71,3 +73,3 @@ }

async getCurrentTime() {
return this.currentAnimation.currentTime;
return Promise.resolve(this.currentAnimation.currentTime);
}

@@ -81,3 +83,3 @@ setStartTime(newValue) {

async getStartTime() {
return this.currentAnimation.startTime;
return Promise.resolve(this.currentAnimation.startTime);
}

@@ -90,3 +92,3 @@ /**

async getPending() {
return this.currentAnimation.pending;
return Promise.resolve(this.currentAnimation.pending);
}

@@ -100,3 +102,3 @@ setPlaybackRate(newValue) {

async getPlaybackRate() {
return this.currentAnimation.playbackRate;
return Promise.resolve(this.currentAnimation.playbackRate);
}

@@ -107,3 +109,3 @@ /**

async getPlayState() {
return this.currentAnimation.playState;
return Promise.resolve(this.currentAnimation.playState);
}

@@ -233,4 +235,5 @@ /**

componentWillLoad() {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
}

@@ -247,4 +250,5 @@ /**

componentDidUpdate() {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
}

@@ -572,3 +576,3 @@ componentDidUnload() {

"reflect": true,
"defaultValue": "true"
"defaultValue": "false"
},

@@ -575,0 +579,0 @@ "currentTime": {

26

dist/esm-es5/animatable-component.entry.js

@@ -37,3 +37,3 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {

};
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-b8e44241.js';
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-8eb39732.js';
import { b as ANIMATION_KEY_ERROR, a as EASING_FUNCTIONS, c as Animations } from './animations-7e6f3b58.js';

@@ -47,3 +47,3 @@ var AnimatableComponent = /** @class */ (function () {

*/
this.autoPlay = true;
this.autoPlay = false;
this.onFinishAnimation = function () { return _this.onFinish.emit(_this.getElement()); };

@@ -90,6 +90,8 @@ this.onCancelAnimation = function () { return _this.onCancel.emit(_this.getElement()); };

if (options.hasOwnProperty(key)) {
if (key === 'id')
if (key === 'id') {
this.animateId = undefined;
else
}
else {
this[key] = undefined;
}
}

@@ -115,3 +117,3 @@ }

return __generator(this, function (_a) {
return [2 /*return*/, this.currentAnimation.currentTime];
return [2 /*return*/, Promise.resolve(this.currentAnimation.currentTime)];
});

@@ -129,3 +131,3 @@ });

return __generator(this, function (_a) {
return [2 /*return*/, this.currentAnimation.startTime];
return [2 /*return*/, Promise.resolve(this.currentAnimation.startTime)];
});

@@ -142,3 +144,3 @@ });

return __generator(this, function (_a) {
return [2 /*return*/, this.currentAnimation.pending];
return [2 /*return*/, Promise.resolve(this.currentAnimation.pending)];
});

@@ -156,3 +158,3 @@ });

return __generator(this, function (_a) {
return [2 /*return*/, this.currentAnimation.playbackRate];
return [2 /*return*/, Promise.resolve(this.currentAnimation.playbackRate)];
});

@@ -167,3 +169,3 @@ });

return __generator(this, function (_a) {
return [2 /*return*/, this.currentAnimation.playState];
return [2 /*return*/, Promise.resolve(this.currentAnimation.playState)];
});

@@ -341,4 +343,5 @@ });

class_1.prototype.componentWillLoad = function () {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
};

@@ -364,4 +367,5 @@ /**

class_1.prototype.componentDidUpdate = function () {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
};

@@ -368,0 +372,0 @@ class_1.prototype.componentDidUnload = function () {

26

dist/esm/animatable-component.entry.js

@@ -1,2 +0,2 @@

import { r as registerInstance, c as createEvent, h, g as getElement } from './core-b8e44241.js';
import { r as registerInstance, c as createEvent, h, g as getElement } from './core-8eb39732.js';
import { b as ANIMATION_KEY_ERROR, a as EASING_FUNCTIONS, c as Animations } from './animations-7e6f3b58.js';

@@ -10,3 +10,3 @@

*/
this.autoPlay = true;
this.autoPlay = false;
this.onFinishAnimation = () => this.onFinish.emit(this.getElement());

@@ -49,6 +49,8 @@ this.onCancelAnimation = () => this.onCancel.emit(this.getElement());

if (options.hasOwnProperty(key)) {
if (key === 'id')
if (key === 'id') {
this.animateId = undefined;
else
}
else {
this[key] = undefined;
}
}

@@ -72,3 +74,3 @@ }

async getCurrentTime() {
return this.currentAnimation.currentTime;
return Promise.resolve(this.currentAnimation.currentTime);
}

@@ -82,3 +84,3 @@ setStartTime(newValue) {

async getStartTime() {
return this.currentAnimation.startTime;
return Promise.resolve(this.currentAnimation.startTime);
}

@@ -91,3 +93,3 @@ /**

async getPending() {
return this.currentAnimation.pending;
return Promise.resolve(this.currentAnimation.pending);
}

@@ -101,3 +103,3 @@ setPlaybackRate(newValue) {

async getPlaybackRate() {
return this.currentAnimation.playbackRate;
return Promise.resolve(this.currentAnimation.playbackRate);
}

@@ -108,3 +110,3 @@ /**

async getPlayState() {
return this.currentAnimation.playState;
return Promise.resolve(this.currentAnimation.playState);
}

@@ -234,4 +236,5 @@ /**

componentWillLoad() {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
}

@@ -248,4 +251,5 @@ /**

componentDidUpdate() {
if (this.autoPlay)
if (this.autoPlay) {
this.currentAnimation = this.createAnimation();
}
}

@@ -252,0 +256,0 @@ componentDidUnload() {

3

dist/types/components/animatable-component/animatable-component.d.ts

@@ -8,3 +8,4 @@ import { ComponentInterface, EventEmitter } from '../../stencil.core';

private _animation;
currentAnimation: Animation;
get currentAnimation(): Animation;
set currentAnimation(value: Animation);
el: HTMLElement;

@@ -11,0 +12,0 @@ /**

1

dist/types/stencil.core.d.ts

@@ -463,2 +463,3 @@ /**

name?: string;
referrerPolicy?: ReferrerPolicy;
sandbox?: string;

@@ -465,0 +466,0 @@ scrolling?: string;

12

package.json
{
"name": "@proyecto26/animatable-component",
"version": "0.10.0",
"version": "1.0.0",
"private": false,
"description": "A WebComponent to use Web Animations API in a declarative way! 💅",
"author": "Juan David Nicholls Cardona",
"homepage": "https://proyecto26.github.io/animatable-component",
"private": false,
"main": "dist/index.js",

@@ -29,3 +29,3 @@ "module": "dist/index.mjs",

"devDependencies": {
"@stencil/core": "^1.7.4",
"@stencil/core": "^1.8.1",
"gh-pages": "^2.1.1"

@@ -36,3 +36,3 @@ },

"type": "git",
"url": "git@github.com:proyecto26/animatable-component.git"
"url": "https://github.com/proyecto26/animatable-component.git"
},

@@ -45,3 +45,2 @@ "bugs": {

"component",
"ionic",
"stencil",

@@ -51,2 +50,3 @@ "angular",

"vue",
"ux",
"web-component",

@@ -57,2 +57,4 @@ "web-components",

"animate",
"animations",
"declarative",
"web-animations",

@@ -59,0 +61,0 @@ "web-animations-api",

5

readme.md

@@ -30,2 +30,3 @@ ![Built With Stencil](https://img.shields.io/badge/-Built%20With%20Stencil-16161d.svg?logo=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI%2BCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI%2BCgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU%2BCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00MjQuNywzNzMuOWMwLDM3LjYtNTUuMSw2OC42LTkyLjcsNjguNkgxODAuNGMtMzcuOSwwLTkyLjctMzAuNy05Mi43LTY4LjZ2LTMuNmgzMzYuOVYzNzMuOXoiLz4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTQyNC43LDI5Mi4xSDE4MC40Yy0zNy42LDAtOTIuNy0zMS05Mi43LTY4LjZ2LTMuNkgzMzJjMzcuNiwwLDkyLjcsMzEsOTIuNyw2OC42VjI5Mi4xeiIvPgo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDI0LjcsMTQxLjdIODcuN3YtMy42YzAtMzcuNiw1NC44LTY4LjYsOTIuNy02OC42SDMzMmMzNy45LDAsOTIuNywzMC43LDkyLjcsNjguNlYxNDEuN3oiLz4KPC9zdmc%2BCg%3D%3D&colorA=16161d&style=flat-square)

```
As you can see it's like *Animate.css* but with superpowers because you can keep the last state (opacity, transform, etc) of a previous animation before to create another one.

@@ -83,3 +84,3 @@ To animate things you can use the `createAnimatableComponent` utility.

| `animation` | `animation` | Name of the animation to get the keyFrames. | `"none" \| "bounce" \| "flash" \| "jello" \| "pulse" \| "rotate" \| "shake" \| "swing" \| "rubberBand" \| "tada" \| "wobble" \| "heartBeat" \| "bounceIn" \| "bounceInUp" \| "bounceInDown" \| "bounceInRight" \| "bounceInLeft" \| "bounceOut" \| "bounceOutUp" \| "bounceOutDown" \| "bounceOutRight" \| "bounceOutLeft" \| "fadeIn" \| "fadeInUp" \| "fadeInUpBig" \| "fadeInDown" \| "fadeInDownBig" \| "fadeInRight" \| "fadeInRightBig" \| "fadeInLeft" \| "fadeInLeftBig" \| "fadeOut" \| "fadeOutUp" \| "fadeOutUpBig" \| "fadeOutDown" \| "fadeOutDownBig" \| "fadeOutRight" \| "fadeOutRightBig" \| "fadeOutLeft" \| "fadeOutLeftBig" \| "flip" \| "flipInX" \| "flipInY" \| "flipOutX" \| "flipOutY" \| "lightSpeedIn" \| "lightSpeedOut" \| "rotateIn" \| "rotateInClockwise" \| "rotateInDownLeft" \| "rotateInDownRight" \| "rotateInUpLeft" \| "rotateInUpRight" \| "rotateOut" \| "rotateOutClockwise" \| "rotateOutDownLeft" \| "rotateOutDownRight" \| "rotateOutUpLeft" \| "rotateOutUpRight" \| "slideInUp" \| "slideInDown" \| "slideInLeft" \| "slideInRight" \| "slideOutUp" \| "slideOutDown" \| "slideOutLeft" \| "slideOutRight" \| "zoomIn" \| "zoomInUp" \| "zoomInDown" \| "zoomInLeft" \| "zoomInRight" \| "zoomOut" \| "zoomOutUp" \| "zoomOutDown" \| "zoomOutLeft" \| "zoomOutRight" \| "hinge" \| "jackInTheBox" \| "rollIn" \| "rollOut"` | `undefined` |
| `autoPlay` | `autoplay` | Start the animation when the component is mounted. | `boolean` | `true` |
| `autoPlay` | `autoplay` | Start the animation when the component is mounted. | `boolean` | `false` |
| `composite` | `composite` | Determines how values are combined between this animation and other, separate animations that do not specify their own specific composite operation. Defaults to `replace`. | `"accumulate" \| "add" \| "replace"` | `undefined` |

@@ -221,3 +222,3 @@ | `currentTime` | `current-time` | Sets the current time value of the animation in milliseconds, whether running or paused. | `number` | `undefined` |

- Put a script tag similar to this `<script src='https://unpkg.com/animatable-component@0.1.1/dist/animatable-component.js'></script>` in the head of your index.html
- Put a script tag similar to this `<script src='https://unpkg.com/animatable-component@0.10.0/dist/animatable-component.js'></script>` in the head of your index.html
- Then you can use the element anywhere in your template, JSX, html etc

@@ -224,0 +225,0 @@ 

dist/animatable-component/p-0d3da19e.system.js
dist/animatable-component/p-66405f44.system.js
dist/animatable-component/p-anuukiec.system.entry.js
dist/animatable-component/p-c33d1ae1.js
dist/animatable-component/p-ed161b5f.system.js
dist/animatable-component/p-wbyslffw.entry.js
dist/cjs/core-63d2fb05.js
dist/esm-es5/core-b8e44241.js
dist/esm/core-b8e44241.js
dist/types/animations/animations.d.ts
dist/animatable-component/animatable-component.js

Sorry, the diff of this file is too big to display

dist/esm-es5/animatable-component.mjs

Sorry, the diff of this file is not supported yet

dist/esm-es5/index.mjs

Sorry, the diff of this file is not supported yet

dist/esm-es5/loader.mjs

Sorry, the diff of this file is not supported yet

dist/esm/animatable-component.mjs

Sorry, the diff of this file is not supported yet

dist/esm/index.mjs

Sorry, the diff of this file is not supported yet

dist/esm/loader.mjs

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc