vevet 1.4.27 → 2.0.1-dev.3

package/dist/js/PageLoadMediaPlugin.js

@@ -1,285 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _Plugin2 = _interopRequireDefault(require("./Plugin"));
-
-var _merge = _interopRequireDefault(require("./merge"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
-
-function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
-
-function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
-
-function _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
-
-function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
-
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
-
-function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
-
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
-
-function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
-
-function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
-
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
-
-function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
-
-/**
- * @classdesc Load images and video before a page can be shown. <br>
- * <br><br> <b>import {PageLoadMediaPlugin} from 'vevet';</b>
- * 
- * @class
- * @memberof Vevet
- * @augments Vevet.Plugin
- */
-var PageLoadMediaPlugin = /*#__PURE__*/function (_Plugin) {
-  _inherits(PageLoadMediaPlugin, _Plugin);
-
-  var _super = _createSuper(PageLoadMediaPlugin);
-
-  /**
-   * @memberof Vevet.PageLoadMediaPlugin
-   * @typedef {object} Properties
-   * @augments Vevet.Plugin.Properties
-   * 
-   * @property {boolean} [images=true] - *** Defines if all images inside the page will be loaded before showing the page. Even if you call {@linkcode Vevet.PageModule#show}, the page will be shown only when images will be loaded.
-   * @property {boolean} [videos=true] - *** The same thing but about videos.
-   * @property {boolean} [bg=true] - *** The same thing but about background images.
-   * @property {boolean} [bgSelector=.bg] - *** Background images selector.
-   */
-
-  /**
-   * @alias Vevet.PageLoadMediaPlugin
-   * @description Construct the class.
-   * 
-   * @param {Vevet.PageLoadMediaPlugin.Properties} [data] - Object of data to construct the class.
-   */
-  function PageLoadMediaPlugin(data) {
-    _classCallCheck(this, PageLoadMediaPlugin);
-
-    return _super.call(this, data, false);
-  }
-  /**
-   * @readonly
-   * @type {Vevet.PageLoadMediaPlugin.Properties}
-   */
-
-
-  _createClass(PageLoadMediaPlugin, [{
-    key: "defaultProp",
-    get: function get() {
-      return (0, _merge.default)(_get(_getPrototypeOf(PageLoadMediaPlugin.prototype), "defaultProp", this), {
-        images: true,
-        videos: true,
-        bg: true,
-        bgSelector: '.bg'
-      });
-    }
-    /**
-     * @member Vevet.PageLoadMediaPlugin#prop
-     * @memberof Vevet.PageLoadMediaPlugin
-     * @readonly
-     * @type {Vevet.PageLoadMediaPlugin.Properties}
-     */
-
-    /**
-     * @member Vevet.PageLoadMediaPlugin#_prop
-     * @memberof Vevet.PageLoadMediaPlugin
-     * @protected
-     * @type {Vevet.PageLoadMediaPlugin.Properties}
-     */
-
-    /**
-     * @function Vevet.PageLoadMediaPlugin#changeProp
-     * @memberof Vevet.PageLoadMediaPlugin
-     * @param {object} [prop]
-     */
-
-    /**
-     * @member Vevet.PageLoadMediaPlugin#_m
-     * @memberof Vevet.PageLoadMediaPlugin
-     * @protected
-     * @type {Vevet.PageModule}
-     */
-    // Extra for Constructor
-
-  }, {
-    key: "_extra",
-    value: function _extra() {
-      var _this = this;
-
-      _get(_getPrototypeOf(PageLoadMediaPlugin.prototype), "_extra", this).call(this); // init vars
-
-
-      this._m.on("create", this._initVars.bind(this)); // load media
-
-
-      this._m.on("create", this._load.bind(this)); // override show
-
-
-      var showCheckMethod = this._m.showCheck.bind(this._m);
-
-      this._m.showCheck = function () {
-        // native check
-        if (!showCheckMethod()) {
-          return false;
-        } // check resources
-
-
-        if ((_this._prop.images || _this._prop.videos || _this._prop.bg) & _this._mediaLoaded < _this._mediaTotal) {
-          _this._showAfterMedia = true;
-          return false;
-        }
-
-        return true;
-      };
-    }
-  }, {
-    key: "_initVars",
-    value: function _initVars() {
-      /**
-       * @description Total Media Count
-       * @protected
-       * @member {number}
-       */
-      this._mediaTotal = 0;
-      /**
-       * @description Total Loaded Media Count
-       * @protected
-       * @member {number}
-       */
-
-      this._mediaLoaded = 0;
-      /**
-       * @description If the page is to be shown, but the media has not been loaded yet.
-       * @protected
-       * @member {boolean}
-       */
-
-      this._showAfterMedia = false;
-    }
-    /**
-     * @description Load resources.
-     * @protected
-     */
-
-  }, {
-    key: "_load",
-    value: function _load() {
-      // images
-      if (this._prop.images) {
-        this._loadImages();
-      } // videos
-
-
-      if (this._prop.videos) {
-        this._loadVideos();
-      } // backgrounds
-
-
-      if (this._prop.bg) {
-        this._loadBg();
-      }
-    }
-    /**
-     * @description Load all images
-     * @protected
-     */
-
-  }, {
-    key: "_loadImages",
-    value: function _loadImages() {
-      // get & load images
-      var images = document.querySelectorAll("img");
-      this._mediaTotal += images.length; // create pseudo images and load them
-
-      for (var i = 0; i < images.length; i++) {
-        var image = new Image();
-        image.onload = this._mediaOnLoad.bind(this);
-        image.onerror = this._mediaOnLoad.bind(this);
-        image.src = images[i].src;
-      }
-    }
-    /**
-     * @description Load all videos
-     * @protected
-     */
-
-  }, {
-    key: "_loadVideos",
-    value: function _loadVideos() {
-      var _this2 = this;
-
-      // get & load videos
-      var videos = document.querySelectorAll("videos");
-      this._mediaTotal += videos.length; // load videos
-
-      videos.forEach(function (video) {
-        video.addEventListener("loadeddata", _this2._mediaOnLoad.bind(_this2));
-        video.load();
-      });
-    }
-    /**
-     * @description Load background images
-     * @protected
-     */
-
-  }, {
-    key: "_loadBg",
-    value: function _loadBg() {
-      // get & load images
-      var bgs = document.querySelectorAll(this.prop.bgSelector),
-          srcs = [];
-      bgs.forEach(function (bg) {
-        var style = bg.currentStyle || window.getComputedStyle(bg, false),
-            image = style.backgroundImage;
-
-        if (image != 'none') {
-          image = image.slice(4, -1).replace(/"/g, "");
-          srcs.push(image);
-        }
-      });
-      this._mediaTotal += srcs.length; // // create pseudo images and load them
-
-      for (var i = 0; i < srcs.length; i++) {
-        var image = new Image();
-        image.onload = this._mediaOnLoad.bind(this);
-        image.onerror = this._mediaOnLoad.bind(this);
-        image.src = srcs[i];
-      }
-    }
-    /**
-     * @description When all media is loaded, we show the page.
-     * @protected
-     */
-
-  }, {
-    key: "_mediaOnLoad",
-    value: function _mediaOnLoad() {
-      this._mediaLoaded++;
-
-      if (this._mediaLoaded >= this._mediaTotal) {
-        if (this._showAfterMedia) {
-          this._m.show();
-        }
-      }
-    }
-  }]);
-
-  return PageLoadMediaPlugin;
-}(_Plugin2.default);
-
-exports.default = PageLoadMediaPlugin;