vevet 2.0.1-dev.5 → 2.0.2

package/build/cjs/app/Application.js

@@ -53,21 +53,21 @@ var Application = /** @class */ (function () {
         // add the application to the window
         window.vevetApp = this;
         // get type of device
-        var ifmobile = ismobilejs_1.default();
+        var ifmobile = (0, ismobilejs_1.default)();
         this._isPhone = ifmobile.phone;
-        this.html.classList.toggle(this.prefix + "phone", this._isPhone);
+        this.html.classList.toggle("".concat(this.prefix, "phone"), this._isPhone);
         this._isTablet = ifmobile.tablet;
-        this.html.classList.toggle(this.prefix + "tablet", this._isTablet);
+        this.html.classList.toggle("".concat(this.prefix, "tablet"), this._isTablet);
         this._isMobile = ifmobile.phone || ifmobile.tablet;
-        this.html.classList.toggle(this.prefix + "mobile", this._isMobile);
+        this.html.classList.toggle("".concat(this.prefix, "mobile"), this._isMobile);
         this._isDesktop = !this._isMobile;
-        this.html.classList.toggle(this.prefix + "desktop", this._isDesktop);
+        this.html.classList.toggle("".concat(this.prefix, "desktop"), this._isDesktop);
         // get browser info
-        var browserData = detect_browser_1.detect();
+        var browserData = (0, detect_browser_1.detect)();
         // get OS name
         if (browserData === null || browserData === void 0 ? void 0 : browserData.os) {
             var osName = browserData.os.split(' ')[0].toLowerCase();
-            this.html.classList.add(this.prefix + "os-" + osName);
+            this.html.classList.add("".concat(this.prefix, "os-").concat(osName));
             this._osName = osName;
         }
         else {
@@ -76,7 +76,7 @@ var Application = /** @class */ (function () {
         // get browser name
         if (browserData === null || browserData === void 0 ? void 0 : browserData.name) {
             var browserName = browserData.name.toLowerCase();
-            this.html.classList.add(this.prefix + "browser-" + browserName);
+            this.html.classList.add("".concat(this.prefix, "browser-").concat(browserName));
             this._browserName = browserName;
         }
         else {

package/build/cjs/app/events/PageLoad.js

@@ -53,9 +53,9 @@ var PageLoad = /** @class */ (function (_super) {
         var app = this._app;
         var prefix = app.prefix;
         this._loaded = true;
-        app.html.classList.remove(prefix + "loading");
-        app.body.classList.remove(prefix + "loading");
-        app.html.classList.add(prefix + "loaded");
+        app.html.classList.remove("".concat(prefix, "loading"));
+        app.body.classList.remove("".concat(prefix, "loading"));
+        app.html.classList.add("".concat(prefix, "loaded"));
         this.tbt('', false);
     };
     /**

package/build/cjs/app/events/Viewport.js

@@ -172,7 +172,7 @@ var Viewport = /** @class */ (function (_super) {
     Viewport.prototype._setEvents = function () {
         var _this = this;
         window.addEventListener('resize', function () {
-            common_1.timeoutCallback(function () {
+            (0, common_1.timeoutCallback)(function () {
                 _this._onResize();
             }, _this._app.prop.viewportResizeTimeout);
         });
@@ -242,10 +242,10 @@ var Viewport = /** @class */ (function (_super) {
         var prefix = this._app.prefix;
         types.forEach(function (type) {
             if (type === activeType) {
-                html.classList.add(prefix + "viewport-" + type);
+                html.classList.add("".concat(prefix, "viewport-").concat(type));
             }
             else {
-                html.classList.remove(prefix + "viewport-" + type);
+                html.classList.remove("".concat(prefix, "viewport-").concat(type));
             }
         });
     };
@@ -254,8 +254,8 @@ var Viewport = /** @class */ (function (_super) {
      */
     Viewport.prototype._updateCSSVars = function () {
         var html = this._app.html;
-        html.style.setProperty('--vw', this.vw + "px");
-        html.style.setProperty('--vh', this.vh + "px");
+        html.style.setProperty('--vw', "".concat(this.vw, "px"));
+        html.style.setProperty('--vh', "".concat(this.vh, "px"));
     };
     /**
      * Launch callbacks on resize.

package/build/cjs/base/Callbacks.js

@@ -72,7 +72,7 @@ var Callbacks = /** @class */ (function () {
      */
     Callbacks.prototype.add = function (target, func, data) {
         if (data === void 0) { data = {}; }
-        var id = common_1.randID('callback');
+        var id = (0, common_1.randID)('callback');
         var obj = {
             id: id,
             on: true,
@@ -182,10 +182,10 @@ var Callbacks = /** @class */ (function () {
         // launch
         if (timeout) {
             if (arg) {
-                common_1.timeoutCallback(this._triggerFunc.bind(this, func, arg), timeout);
+                (0, common_1.timeoutCallback)(this._triggerFunc.bind(this, func, arg), timeout);
             }
             else {
-                common_1.timeoutCallback(this._triggerFunc.bind(this, func, false), timeout);
+                (0, common_1.timeoutCallback)(this._triggerFunc.bind(this, func, false), timeout);
             }
         }
         else if (arg) {

package/build/cjs/base/Module.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -41,7 +52,7 @@ var Module = /** @class */ (function () {
             this._app = window.vevetApp;
         }
         else {
-            errors_1.throwVevetAppError();
+            (0, errors_1.throwVevetAppError)();
         }
         // set default vars
         this._destroyed = false;
@@ -49,7 +60,7 @@ var Module = /** @class */ (function () {
         // create callbacks
         this._callbacks = new Callbacks_1.Callbacks();
         // create mutable properties
-        var prop = mergeWithoutArrays_1.default(this._getDefaultProp(), initialProp || {});
+        var prop = (0, mergeWithoutArrays_1.default)(this._getDefaultProp(), initialProp || {});
         this._mutableProp = new MutableProp_1.MutableProp(prop, this._onPropResponsive.bind(this), this._onPropChange.bind(this), this.name);
         if (init) {
             this.init();
@@ -204,10 +215,8 @@ var Module = /** @class */ (function () {
      * {@see Viewport}
      */
     Module.prototype.addViewportCallback = function (target, func, data) {
-        if (data === void 0) { data = {
-            name: this.constructor.name,
-        }; }
-        var callback = this._app.viewport.add(target, func, data);
+        if (data === void 0) { data = {}; }
+        var callback = this._app.viewport.add(target, func, __assign(__assign({}, data), { name: this.constructor.name }));
         this._viewportCallbacks.push(callback);
         return callback;
     };
@@ -224,7 +233,7 @@ var Module = /** @class */ (function () {
      * Add a DOM event listeners
      */
     Module.prototype.addEventListeners = function (el, target, callback, options) {
-        var listener = vevet_dom_1.addEventListener(el, target, callback, options);
+        var listener = (0, vevet_dom_1.addEventListener)(el, target, callback, options);
         this._listeners.push(listener);
         return listener;
     };

package/build/cjs/base/MutableProp.js

@@ -63,8 +63,8 @@ var MutableProp = /** @class */ (function () {
          */
         this._responsiveRules = [];
         this._app = window.vevetApp;
-        this._refProp = common_1.mergeWithoutArrays({}, _initProp);
-        this._prop = common_1.mergeWithoutArrays({}, _initProp);
+        this._refProp = (0, common_1.mergeWithoutArrays)({}, _initProp);
+        this._prop = (0, common_1.mergeWithoutArrays)({}, _initProp);
     }
     Object.defineProperty(MutableProp.prototype, "prop", {
         /**
@@ -102,7 +102,7 @@ var MutableProp = /** @class */ (function () {
         var viewport = app.viewport;
         var width = viewport.width;
         var newProp = false;
-        var statProp = common_1.mergeWithoutArrays({}, this._refProp);
+        var statProp = (0, common_1.mergeWithoutArrays)({}, this._refProp);
         // go through all breakpoints
         // and check if a proper breakpoint exists
         responsiveProp.forEach(function (prop) {
@@ -111,7 +111,7 @@ var MutableProp = /** @class */ (function () {
             // if the breakpoint is a number
             if (typeof breakpoint === 'number') {
                 if (width <= prop.breakpoint) {
-                    newProp = common_1.mergeWithoutArrays(statProp, settings);
+                    newProp = (0, common_1.mergeWithoutArrays)(statProp, settings);
                 }
             }
             else if (typeof breakpoint === 'string') {
@@ -120,23 +120,23 @@ var MutableProp = /** @class */ (function () {
                 if ((string === 'd' && viewport.isDesktop)
                     || (string === 't' && viewport.isTablet)
                     || (string === 'p' && viewport.isPhone)) {
-                    newProp = common_1.mergeWithoutArrays(statProp, settings);
+                    newProp = (0, common_1.mergeWithoutArrays)(statProp, settings);
                 }
                 // device type
                 if ((string === 'phone' && app.isPhone)
                     || (string === 'tablet' && app.isTablet)
                     || (string === 'mobile' && app.isMobile)) {
-                    newProp = common_1.mergeWithoutArrays(statProp, settings);
+                    newProp = (0, common_1.mergeWithoutArrays)(statProp, settings);
                 }
             }
         });
         // if there's no breakpoint, restore the props
         if (!newProp) {
-            this._prop = common_1.mergeWithoutArrays(this._prop, this._refProp);
+            this._prop = (0, common_1.mergeWithoutArrays)(this._prop, this._refProp);
         }
         else {
             // otherwise, change the properties
-            this._prop = common_1.mergeWithoutArrays(this._prop, newProp);
+            this._prop = (0, common_1.mergeWithoutArrays)(this._prop, newProp);
         }
         // responsive callback
         if (onResize) {
@@ -147,8 +147,8 @@ var MutableProp = /** @class */ (function () {
      * This method allows you to change the properties manually.
      */
     MutableProp.prototype.changeProp = function (prop) {
-        this._prop = common_1.mergeWithoutArrays(this._prop, prop);
-        this._refProp = common_1.mergeWithoutArrays(this._refProp, prop);
+        this._prop = (0, common_1.mergeWithoutArrays)(this._prop, prop);
+        this._refProp = (0, common_1.mergeWithoutArrays)(this._refProp, prop);
         // change prop callback
         this._onChange(prop);
     };

package/build/cjs/components/animation-frame/AnimationFrame.js

@@ -162,7 +162,7 @@ var AnimationFrame = /** @class */ (function (_super) {
         this._frameIndex = newFrameIndex;
         // calculate real fps
         var timeDiff = currentTime - this._prevFrameTime;
-        var realFPS = math_1.boundVal(timeDiff === 0 ? 1000 / 60 : Math.floor(1000 / timeDiff), [1, Infinity]);
+        var realFPS = (0, math_1.clamp)(timeDiff === 0 ? 1000 / 60 : Math.floor(1000 / timeDiff), [1, Infinity]);
         // launch callbacks
         this.callbacks.tbt('frame', {
             fps: this.prop.fps,

package/build/cjs/components/canvas/Ctx2D.js

@@ -46,12 +46,14 @@ var Ctx2D = /** @class */ (function (_super) {
         // create canvas
         var _a = _this.prop, append = _a.append, container = _a.container;
         var parent = (append && container) ? container : undefined;
-        _this._canvas = vevet_dom_1.createElement('canvas', {
+        _this._canvas = (0, vevet_dom_1.createElement)('canvas', {
             parent: parent,
         });
         _this._ctx = _this._canvas.getContext('2d');
         // and resize it for the first time
-        _this.resize();
+        if (_this.prop.initialResize) {
+            _this.resize();
+        }
         // initialize the class
         if (init) {
             _this.init();
@@ -124,7 +126,7 @@ var Ctx2D = /** @class */ (function (_super) {
         configurable: true
     });
     Ctx2D.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: false, append: true, updateOnResize: false, width: false, height: false, dpr: false });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: false, append: true, updateOnResize: false, initialResize: true, resizeTimeout: 0, width: false, height: false, dpr: false });
     };
     // Set Module Events
     Ctx2D.prototype._setEvents = function () {
@@ -134,6 +136,8 @@ var Ctx2D = /** @class */ (function (_super) {
             var viewportTarget = typeof this.prop.updateOnResize === 'boolean' ? '' : this.prop.updateOnResize;
             this.addViewportCallback(viewportTarget, function () {
                 _this.resize();
+            }, {
+                timeout: this.prop.resizeTimeout,
             });
             this.resize();
         }

package/build/cjs/components/canvas/Ctx2DPrerender.js

@@ -48,14 +48,32 @@ var Ctx2DPrerender = /** @class */ (function (_super) {
         this._prerender();
     };
     Ctx2DPrerender.prototype._prerender = function () {
+        // check if can render
+        if (this.width === 0 || this.height === 0) {
+            return;
+        }
         // check if media exists
         var media = this.prop.media;
         if (!media) {
             return;
         }
+        // get source info
+        var source;
+        var sourceWidth;
+        var sourceHeight;
+        if (media instanceof Ctx2D_1.Ctx2D) {
+            source = media.canvas;
+            sourceWidth = media.width;
+            sourceHeight = media.height;
+        }
+        else {
+            source = media;
+        }
         // get media sizes
-        var size = get_image_pos_1.getPos({
-            source: media,
+        var size = (0, get_image_pos_1.getPos)({
+            source: source,
+            sourceWidth: sourceWidth,
+            sourceHeight: sourceHeight,
             rule: this.prop.posRule,
             scale: 1,
             width: this.width,
@@ -63,7 +81,7 @@ var Ctx2DPrerender = /** @class */ (function (_super) {
         });
         this._ctx.clearRect(0, 0, this.width, this.height);
         // render the media
-        this._ctx.drawImage(media, 0, 0, size.sourceWidth, size.sourceHeight, size.x, size.y, size.width, size.height);
+        this._ctx.drawImage(source, size.x, size.y, size.width, size.height);
         // launch callbacks on prerender
         this.callbacks.tbt('prerender', false);
     };

package/build/cjs/components/cursor/CustomCursor.js

@@ -43,12 +43,12 @@ var CustomCursor = /** @class */ (function (_super) {
         if (init === void 0) { init = true; }
         var _this = _super.call(this, initialProp, false) || this;
         // get cursor container
-        var container = vevet_dom_1.selectOne(_this.prop.container);
+        var container = (0, vevet_dom_1.selectOne)(_this.prop.container);
         if (container) {
             _this._container = container;
         }
         else {
-            throw new Error("No cursor container for " + _this.prop.container);
+            throw new Error("No cursor container for ".concat(_this.prop.container));
         }
         _this._containerIsWindow = container instanceof Window;
         // set default vars
@@ -73,7 +73,7 @@ var CustomCursor = /** @class */ (function (_super) {
     };
     Object.defineProperty(CustomCursor.prototype, "prefix", {
         get: function () {
-            return this._app.prefix + "custom-cursor";
+            return "".concat(this._app.prefix, "custom-cursor");
         },
         enumerable: false,
         configurable: true
@@ -191,14 +191,14 @@ var CustomCursor = /** @class */ (function (_super) {
             domContainer.classList.add('hide-defaut-cursor');
         }
         // set classes
-        domContainer.classList.add(prefix + "-container");
+        domContainer.classList.add("".concat(prefix, "-container"));
         // create cursor elements
-        this._outerCursor = vevet_dom_1.createElement('div', {
-            class: prefix + " " + (container instanceof Window ? 'in-window' : 'in-element') + " disabled",
+        this._outerCursor = (0, vevet_dom_1.createElement)('div', {
+            class: "".concat(prefix, " ").concat(container instanceof Window ? 'in-window' : 'in-element', " disabled"),
             parent: domContainer,
         });
-        this._innerCursor = vevet_dom_1.createElement('div', {
-            class: prefix + "__inner disabled",
+        this._innerCursor = (0, vevet_dom_1.createElement)('div', {
+            class: "".concat(prefix, "__inner disabled"),
             parent: this._outerCursor,
         });
         // launch events
@@ -214,7 +214,7 @@ var CustomCursor = /** @class */ (function (_super) {
         var _a = this, prefix = _a.prefix, domContainer = _a.domContainer;
         domContainer.style.cursor = '';
         domContainer.classList.remove('hide-defaut-cursor');
-        domContainer.classList.remove(prefix + "-container");
+        domContainer.classList.remove("".concat(prefix, "-container"));
         this._outerCursor.remove();
         this._innerCursor.remove();
     };
@@ -281,8 +281,8 @@ var CustomCursor = /** @class */ (function (_super) {
         var _a = prop.render, normalizeLerp = _a.normalizeLerp, ease = _a.lerp, lerpToFixed = _a.lerpToFixed;
         var fpsMultiplier = normalizeLerp ? 60 / this._currentFPS : 1;
         // interpolate coordinates
-        this._x = lerp_1.default(this._x, this._xTarget, ease * fpsMultiplier, 0.02);
-        this._y = lerp_1.default(this._y, this._yTarget, ease * fpsMultiplier, 0.02);
+        this._x = (0, lerp_1.default)(this._x, this._xTarget, ease * fpsMultiplier, 0.02);
+        this._y = (0, lerp_1.default)(this._y, this._yTarget, ease * fpsMultiplier, 0.02);
         // round the values
         if (typeof lerpToFixed === 'number') {
             var fixed = Math.round(Math.abs(lerpToFixed));
@@ -298,7 +298,7 @@ var CustomCursor = /** @class */ (function (_super) {
             y -= bounding.top;
         }
         // update dom coordinates
-        this.outerCursor.style.transform = "translate(" + x + "px, " + y + "px)";
+        this.outerCursor.style.transform = "translate(".concat(x, "px, ").concat(y, "px)");
         // auto stop
         if (prop.autoStop
             && this._x === this._xTarget && this._y === this._yTarget) {

package/build/cjs/components/dragger/Dragger.js

@@ -38,8 +38,8 @@ var Dragger = /** @class */ (function (_super) {
         if (init === void 0) { init = true; }
         var _this = _super.call(this, initialProp, false) || this;
         // get container
-        _this._container = vevet_dom_1.selectOne(_this.prop.container);
-        if (!vevet_dom_1.isElement(_this._container) && !vevet_dom_1.isWindow(_this._container)) {
+        _this._container = (0, vevet_dom_1.selectOne)(_this.prop.container);
+        if (!(0, vevet_dom_1.isElement)(_this._container) && !(0, vevet_dom_1.isWindow)(_this._container)) {
             throw new Error('No container');
         }
         // set default vars
@@ -56,11 +56,11 @@ var Dragger = /** @class */ (function (_super) {
         return _this;
     }
     Dragger.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#" + this.prefix, usePassive: false, enabled: true });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#".concat(this.prefix), usePassive: false, enabled: true });
     };
     Object.defineProperty(Dragger.prototype, "prefix", {
         get: function () {
-            return this._app.prefix + "dragger";
+            return "".concat(this._app.prefix, "dragger");
         },
         enumerable: false,
         configurable: true
@@ -120,17 +120,17 @@ var Dragger = /** @class */ (function (_super) {
     Dragger.prototype._addRuntimeEvents = function () {
         var usePassive = this.prop.usePassive;
         // end
-        this._runtimeEvents.push(vevet_dom_1.addEventListener(window, 'mouseup', this._handleEnd.bind(this), {
+        this._runtimeEvents.push((0, vevet_dom_1.addEventListener)(window, 'mouseup', this._handleEnd.bind(this), {
             passive: usePassive,
         }));
-        this._runtimeEvents.push(vevet_dom_1.addEventListener(window, 'touchend', this._handleEnd.bind(this), {
+        this._runtimeEvents.push((0, vevet_dom_1.addEventListener)(window, 'touchend', this._handleEnd.bind(this), {
             passive: usePassive,
         }));
         // cancel
-        this._runtimeEvents.push(vevet_dom_1.addEventListener(window, 'touchcancel', this.cancel.bind(this), {
+        this._runtimeEvents.push((0, vevet_dom_1.addEventListener)(window, 'touchcancel', this.cancel.bind(this), {
             passive: usePassive,
         }));
-        this._runtimeEvents.push(vevet_dom_1.addEventListener(window, 'blur', this.cancel.bind(this), {
+        this._runtimeEvents.push((0, vevet_dom_1.addEventListener)(window, 'blur', this.cancel.bind(this), {
             passive: usePassive,
         }));
     };

package/build/cjs/components/dragger/DraggerMove.js

@@ -46,10 +46,10 @@ var DraggerMove = /** @class */ (function (_super) {
         _super.prototype._addRuntimeEvents.call(this);
         var usePassive = this.prop.usePassive;
         // move
-        this._runtimeEvents.push(vevet_dom_1.addEventListener(window, 'mousemove', this._handleMove.bind(this), {
+        this._runtimeEvents.push((0, vevet_dom_1.addEventListener)(window, 'mousemove', this._handleMove.bind(this), {
             passive: usePassive,
         }));
-        this._runtimeEvents.push(vevet_dom_1.addEventListener(window, 'touchmove', this._handleMove.bind(this), {
+        this._runtimeEvents.push((0, vevet_dom_1.addEventListener)(window, 'touchmove', this._handleMove.bind(this), {
             passive: usePassive,
         }));
     };

package/build/cjs/components/loading/Preloader.js

@@ -44,7 +44,7 @@ var Preloader = /** @class */ (function (_super) {
         var _this = _super.call(this, initialProp, false) || this;
         // get preloader container
         if (_this.prop.container) {
-            var container = vevet_dom_1.selectOne(_this.prop.container);
+            var container = (0, vevet_dom_1.selectOne)(_this.prop.container);
             if (container instanceof HTMLElement) {
                 _this._container = container;
             }
@@ -65,11 +65,11 @@ var Preloader = /** @class */ (function (_super) {
         return _this;
     }
     Preloader.prototype._getDefaultProp = function () {
-        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#" + this.prefix, hide: 250 });
+        return __assign(__assign({}, _super.prototype._getDefaultProp.call(this)), { container: "#".concat(this.prefix), hide: 250 });
     };
     Object.defineProperty(Preloader.prototype, "prefix", {
         get: function () {
-            return this._app.prefix + "preloader";
+            return "".concat(this._app.prefix, "preloader");
         },
         enumerable: false,
         configurable: true
@@ -175,10 +175,10 @@ var Preloader = /** @class */ (function (_super) {
                 return;
             }
             // if need to hide the container
-            container.style.transition = "opacity " + duration + "ms, visibility " + duration + "ms";
+            container.style.transition = "opacity ".concat(duration, "ms, visibility ").concat(duration, "ms");
             container.style.opacity = '0';
             container.style.visibility = 'hidden';
-            timeoutCallback_1.default(function () {
+            (0, timeoutCallback_1.default)(function () {
                 container.style.display = 'none';
                 _this._handleHidden();
                 resolve();

package/build/cjs/components/loading/ProgressPreloader.js

@@ -62,6 +62,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
                 img: true,
                 video: true,
                 custom: '.js-preload',
+                ignoreClassName: 'js-preload-ignore',
             }, calc: {
                 lerp: 0.1,
                 forceEnd: 500,
@@ -154,7 +155,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
         if (typeof lerpVal === 'number') {
             this._animationFrame = new AnimationFrame_1.AnimationFrame();
             this._animationFrame.addCallback('frame', function () {
-                _this.progress = lerp_1.default(_this.progress, _this.loadProgress, lerpVal);
+                _this.progress = (0, lerp_1.default)(_this.progress, _this.loadProgress, lerpVal);
             });
             this._animationFrame.play();
         }
@@ -190,23 +191,34 @@ var ProgressPreloader = /** @class */ (function (_super) {
         var loaders = this.prop.loaders;
         // get images
         if (loaders.img) {
-            var imgs = vevet_dom_1.selectAll('img');
+            var imgs = (0, vevet_dom_1.selectAll)('img');
             imgs.forEach(function (img) {
+                if (img.classList.contains(loaders.ignoreClassName)) {
+                    return;
+                }
                 _this._imgs.push(img);
                 _this._resourcesTotal += 1;
             });
         }
         // get videos
         if (loaders.video) {
-            var videos = vevet_dom_1.selectAll('video');
+            var videos = (0, vevet_dom_1.selectAll)('video');
             videos.forEach(function (video) {
+                if (video.classList.contains(loaders.ignoreClassName)) {
+                    return;
+                }
                 _this._videos.push(video);
                 _this._resourcesTotal += 1;
             });
         }
         // get custom resources
         if (loaders.custom) {
-            this._customResources = Array.from(vevet_dom_1.selectAll(loaders.custom));
+            this._customResources = Array.from((0, vevet_dom_1.selectAll)(loaders.custom)).filter(function (el) {
+                if (el.classList.contains(loaders.ignoreClassName)) {
+                    return false;
+                }
+                return true;
+            });
             this._resourcesTotal += this._customResources.length;
         }
     };
@@ -233,7 +245,7 @@ var ProgressPreloader = /** @class */ (function (_super) {
                 img.addEventListener('error', function () {
                     _this._handleLoadedResource();
                 });
-                image.src = img.src;
+                image.src = img.currentSrc || img.src;
             }
         });
         // preload videos