/* global $ */

import Keyframes from '@keyframes/core';

(($) => {

const doForEach = ($el, cb) => {

$el.each((_, elem) => {

if (elem.Keyframes) {

cb(elem.Keyframes);

} else {

elem.Keyframes = new Keyframes(elem);

cb(elem.Keyframes);

}

});

};

$.keyframe = {

isSupported: Keyframes.isSupported,

generate: Keyframes.generate,

generateCSS: Keyframes.generateCSS,

define: (obj) => {

return Keyframes.define(obj);

},

};

$.fn.resetKeyframe = function (cb) {

const $this = this;

doForEach($this, kf => kf.reset().then(cb));

};

$.fn.pauseKeyframe = function () {

const $this = this;

doForEach($this, kf => kf.pause());

};

$.fn.resumeKeyframe = function () {

const $this = this;

doForEach($this, kf => kf.resume());

};

$.fn.playKeyframe = function (frameOptions, callbacks) {

const $this = this;

let cb = callbacks;

if (frameOptions.complete) {

callbacks = frameOptions.complete;

}

if (typeof callbacks === 'function') {

cb = {

onIteration: callbacks,

onEnd: callbacks,

};

}

doForEach($this, kf => kf.play(frameOptions, cb));

};

})(jQuery);