lg-fullscreen.js 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. /**!
  2. * lg-fullscreen.js | 0.0.1 | August 1st 2016
  3. * http://sachinchoolur.github.io/lg-fullscreen.js
  4. * Copyright (c) 2016 Sachin N;
  5. * @license Apache 2.0
  6. */(function(f){if(typeof exports==="object"&&typeof module!=="undefined"){module.exports=f()}else if(typeof define==="function"&&define.amd){define([],f)}else{var g;if(typeof window!=="undefined"){g=window}else if(typeof global!=="undefined"){g=global}else if(typeof self!=="undefined"){g=self}else{g=this}g.LgFullscreen = f()}})(function(){var define,module,exports;return (function e(t,n,r){function s(o,u){if(!n[o]){if(!t[o]){var a=typeof require=="function"&&require;if(!u&&a)return a(o,!0);if(i)return i(o,!0);var f=new Error("Cannot find module '"+o+"'");throw f.code="MODULE_NOT_FOUND",f}var l=n[o]={exports:{}};t[o][0].call(l.exports,function(e){var n=t[o][1][e];return s(n?n:e)},l,l.exports,e,t,n,r)}return n[o].exports}var i=typeof require=="function"&&require;for(var o=0;o<r.length;o++)s(r[o]);return s})({1:[function(require,module,exports){
  7. (function (global, factory) {
  8. if (typeof define === "function" && define.amd) {
  9. define([], factory);
  10. } else if (typeof exports !== "undefined") {
  11. factory();
  12. } else {
  13. var mod = {
  14. exports: {}
  15. };
  16. factory();
  17. global.lgFullscreen = mod.exports;
  18. }
  19. })(this, function () {
  20. 'use strict';
  21. var _extends = Object.assign || function (target) {
  22. for (var i = 1; i < arguments.length; i++) {
  23. var source = arguments[i];
  24. for (var key in source) {
  25. if (Object.prototype.hasOwnProperty.call(source, key)) {
  26. target[key] = source[key];
  27. }
  28. }
  29. }
  30. return target;
  31. };
  32. var fullscreenDefaults = {
  33. fullScreen: true
  34. };
  35. var Fullscreen = function Fullscreen(element) {
  36. this.el = element;
  37. this.core = window.lgData[this.el.getAttribute('lg-uid')];
  38. this.core.s = _extends({}, fullscreenDefaults, this.core.s);
  39. this.init();
  40. return this;
  41. };
  42. Fullscreen.prototype.init = function () {
  43. var fullScreen = '';
  44. if (this.core.s.fullScreen) {
  45. // check for fullscreen browser support
  46. if (!document.fullscreenEnabled && !document.webkitFullscreenEnabled && !document.mozFullScreenEnabled && !document.msFullscreenEnabled) {
  47. return;
  48. } else {
  49. fullScreen = '<span class="lg-fullscreen lg-icon"></span>';
  50. this.core.outer.querySelector('.lg-toolbar').insertAdjacentHTML('beforeend', fullScreen);
  51. this.fullScreen();
  52. }
  53. }
  54. };
  55. Fullscreen.prototype.requestFullscreen = function () {
  56. var el = document.documentElement;
  57. if (el.requestFullscreen) {
  58. el.requestFullscreen();
  59. } else if (el.msRequestFullscreen) {
  60. el.msRequestFullscreen();
  61. } else if (el.mozRequestFullScreen) {
  62. el.mozRequestFullScreen();
  63. } else if (el.webkitRequestFullscreen) {
  64. el.webkitRequestFullscreen();
  65. }
  66. };
  67. Fullscreen.prototype.exitFullscreen = function () {
  68. if (document.exitFullscreen) {
  69. document.exitFullscreen();
  70. } else if (document.msExitFullscreen) {
  71. document.msExitFullscreen();
  72. } else if (document.mozCancelFullScreen) {
  73. document.mozCancelFullScreen();
  74. } else if (document.webkitExitFullscreen) {
  75. document.webkitExitFullscreen();
  76. }
  77. };
  78. // https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode
  79. Fullscreen.prototype.fullScreen = function () {
  80. var _this = this;
  81. utils.on(document, 'fullscreenchange.lgfullscreen webkitfullscreenchange.lgfullscreen mozfullscreenchange.lgfullscreen MSFullscreenChange.lgfullscreen', function () {
  82. if (utils.hasClass(_this.core.outer, 'lg-fullscreen-on')) {
  83. utils.removeClass(_this.core.outer, 'lg-fullscreen-on');
  84. } else {
  85. utils.addClass(_this.core.outer, 'lg-fullscreen-on');
  86. }
  87. });
  88. utils.on(this.core.outer.querySelector('.lg-fullscreen'), 'click.lg', function () {
  89. if (!document.fullscreenElement && !document.mozFullScreenElement && !document.webkitFullscreenElement && !document.msFullscreenElement) {
  90. _this.requestFullscreen();
  91. } else {
  92. _this.exitFullscreen();
  93. }
  94. });
  95. };
  96. Fullscreen.prototype.destroy = function () {
  97. // exit from fullscreen if activated
  98. this.exitFullscreen();
  99. utils.off(document, '.lgfullscreen');
  100. };
  101. window.lgModules.fullscreen = Fullscreen;
  102. });
  103. },{}]},{},[1])(1)
  104. });