@cocreate/fullscreen 1.1.71 → 1.1.73

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/CHANGELOG.md +15 -0
  2. package/package.json +2 -2
  3. package/src/index.js +57 -53
package/CHANGELOG.md CHANGED
@@ -1,3 +1,18 @@
1
+ ## [1.1.73](https://github.com/CoCreate-app/CoCreate-fullscreen/compare/v1.1.72...v1.1.73) (2022-10-01)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * bump dependencies ([9bbc477](https://github.com/CoCreate-app/CoCreate-fullscreen/commit/9bbc4775e258c1cf98841f718f47223404177aef))
7
+
8
+ ## [1.1.72](https://github.com/CoCreate-app/CoCreate-fullscreen/compare/v1.1.71...v1.1.72) (2022-10-01)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * bump [@cocreate](https://github.com/cocreate) dependencies ([0a7a3df](https://github.com/CoCreate-app/CoCreate-fullscreen/commit/0a7a3df46961f8522e4b5d61bf94fed504cda0a4))
14
+ * CoCreate.fullscreen global scope ([aee1605](https://github.com/CoCreate-app/CoCreate-fullscreen/commit/aee16057eecc747bfb179da0a80e3eff14d2047e))
15
+
1
16
  ## [1.1.71](https://github.com/CoCreate-app/CoCreate-fullscreen/compare/v1.1.70...v1.1.71) (2022-09-30)
2
17
 
3
18
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cocreate/fullscreen",
3
- "version": "1.1.71",
3
+ "version": "1.1.73",
4
4
  "description": "Toggle any html element to view in fullscreen mode. Easy configuration and targeting using the fullscreen and target attribute.",
5
5
  "keywords": [
6
6
  "fullscreen",
@@ -61,6 +61,6 @@
61
61
  "webpack-log": "^3.0.1"
62
62
  },
63
63
  "dependencies": {
64
- "@cocreate/docs": "^1.3.11"
64
+ "@cocreate/docs": "^1.3.13"
65
65
  }
66
66
  }
package/src/index.js CHANGED
@@ -20,30 +20,32 @@ var requestFullscreen = function (ele) {
20
20
  }
21
21
  }
22
22
  };
23
- var exitFullscreen = function (item) {
24
- if(document.fullscreenElement){
25
- if (document.exitFullscreen) {
26
- document.exitFullscreen();
27
- } else if (document.webkitExitFullscreen) {
28
- document.webkitExitFullscreen();
29
- } else if (document.mozCancelFullScreen) {
30
- document.mozCancelFullScreen();
31
- } else if (document.msExitFullscreen) {
32
- document.msExitFullscreen();
33
- } else {
34
- console.log('Fullscreen API is not supported.');
35
- }
36
- //FullscreenItem(item)
23
+
24
+ var exitFullscreen = function (item) {
25
+ if(document.fullscreenElement){
26
+ if (document.exitFullscreen) {
27
+ document.exitFullscreen();
28
+ } else if (document.webkitExitFullscreen) {
29
+ document.webkitExitFullscreen();
30
+ } else if (document.mozCancelFullScreen) {
31
+ document.mozCancelFullScreen();
32
+ } else if (document.msExitFullscreen) {
33
+ document.msExitFullscreen();
34
+ } else {
35
+ console.log('Fullscreen API is not supported.');
37
36
  }
38
- };
39
- var FullscreenItem = function (item) {
40
- //item = event.target;
41
- var target = item.getAttribute("target") == null ? document.documentElement : document.querySelector(item.getAttribute("target"))
42
- //console.log('target => ',target)
43
- requestFullscreen(target);
37
+ //FullscreenItem(item)
44
38
  }
39
+ };
40
+
41
+ var FullscreenItem = function (item) {
42
+ //item = event.target;
43
+ var target = item.getAttribute("target") == null ? document.documentElement : document.querySelector(item.getAttribute("target"))
44
+ //console.log('target => ',target)
45
+ requestFullscreen(target);
46
+ }
45
47
 
46
- Boolean.parse = function (str) {
48
+ Boolean.parse = function (str) {
47
49
  switch (str.toLowerCase ()) {
48
50
  case "true":
49
51
  return true;
@@ -55,38 +57,40 @@ var requestFullscreen = function (ele) {
55
57
  }
56
58
  };
57
59
 
58
- let list_fs_target_button = document.querySelectorAll('[fullscreen]');
60
+ let list_fs_target_button = document.querySelectorAll('[fullscreen]');
59
61
 
60
- document.addEventListener('fullscreenchange', (event) => {
61
- //list_fs_target_button_true = document.querySelectorAll('[fullscreen="true"]');
62
- let list_fs_target_button_true = document.querySelectorAll('[fullscreen="true"]');
63
- list_fs_target_button_true.forEach(elem =>{
64
- //elem.dataset['fullscreen'] = document.fullscreenElement!=null
65
- console.log("evetn ",document.fullscreenElement)
66
- if(document.fullscreenElement==null){
67
- console.log("LOG fullscreen")
68
- elem.setAttribute('fullscreen', false)
69
- }
70
- });
62
+ document.addEventListener('fullscreenchange', (event) => {
63
+ //list_fs_target_button_true = document.querySelectorAll('[fullscreen="true"]');
64
+ let list_fs_target_button_true = document.querySelectorAll('[fullscreen="true"]');
65
+ list_fs_target_button_true.forEach(elem =>{
66
+ //elem.dataset['fullscreen'] = document.fullscreenElement!=null
67
+ console.log("evetn ",document.fullscreenElement)
68
+ if(document.fullscreenElement==null){
69
+ console.log("LOG fullscreen")
70
+ elem.setAttribute('fullscreen', false)
71
+ }
71
72
  });
73
+ });
72
74
 
73
- for (let item of list_fs_target_button) {
74
- item.addEventListener("click", function(event) {
75
- console.log("primero ",item.dataset['fullscreen'])
76
- if(document.fullscreenElement==null)
77
- item.setAttribute('fullscreen', false)
78
- var action = typeof item.dataset['fullscreen'] != 'undefined' ? Boolean.parse(item.dataset['fullscreen']) : false
79
- console.log("action ",action)
80
- /*list_fs_target_button.forEach(elem =>{
81
- elem.dataset['fullscreen'] = !action
82
- })*/
83
- item.dataset['fullscreen'] = !action
84
- console.log("primero ",item.dataset['fullscreen'])
85
- if(!action){
86
- FullscreenItem(item)
87
- }
88
- else{
89
- exitFullscreen(item);
90
- }
91
- });
92
- }
75
+ for (let item of list_fs_target_button) {
76
+ item.addEventListener("click", function(event) {
77
+ console.log("primero ",item.dataset['fullscreen'])
78
+ if(document.fullscreenElement==null)
79
+ item.setAttribute('fullscreen', false)
80
+ var action = typeof item.dataset['fullscreen'] != 'undefined' ? Boolean.parse(item.dataset['fullscreen']) : false
81
+ console.log("action ",action)
82
+ /*list_fs_target_button.forEach(elem =>{
83
+ elem.dataset['fullscreen'] = !action
84
+ })*/
85
+ item.dataset['fullscreen'] = !action
86
+ console.log("primero ",item.dataset['fullscreen'])
87
+ if(!action){
88
+ FullscreenItem(item)
89
+ }
90
+ else{
91
+ exitFullscreen(item);
92
+ }
93
+ });
94
+ }
95
+
96
+ export default {requestFullscreen, exitFullscreen}