native-fn 1.2.0 → 1.2.1

package/dist/native.mjs

@@ -1,4 +1,4 @@
-var version = "1.2.0";
+var version = "1.2.1";
 var packageJSON = {
 	version: version};
 
@@ -687,10 +687,15 @@ function parseFromHighEntropyValues() {
                     parsedFromHighEntropyValuesEngine.version = brandVersion;
             }
             if (typeof platformVersion === 'string') {
-                if (getParsedCache().os.name === OS.Windows)
-                    parsedFromHighEntropyValuesOS.version = parseInt(platformVersion.split('.')[0], 10) >= 13 ? '11' : '10';
-                else
+                if (getParsedCache().os.name === OS.Windows) {
+                    if (parseInt(platformVersion.split('.')[0], 10) >= 13)
+                        parsedFromHighEntropyValuesOS.version = '11';
+                    else
+                        parsedFromHighEntropyValuesOS.version = '10';
+                }
+                else {
                     parsedFromHighEntropyValuesOS.version = platformVersion;
+                }
             }
             if (typeof platform === 'string') {
                 if (/android/i.test(platform))
@@ -1867,7 +1872,8 @@ var NotSupportedError = createCustomError('NotSupportedError');
 
 var InvalidStateError = createCustomError('InvalidStateError');
 
-var lastIOSVideo = null;
+var videoElement$1 = null;
+var lastFallbackVideoElement$1 = null;
 var eventsBridged$1 = false;
 var FS_BRIDGE_KEY = (function () {
     if (typeof Symbol === 'function') {
@@ -1913,24 +1919,33 @@ var onChangeSubscriptionManager$3 = createSubscriptionManager(attachOnChange$3,
 var onErrorSubscriptionManager$1 = createSubscriptionManager(attachOnError$1, detachOnError$1);
 var Fullscreen = {
     get supported() {
-        return getEnabled$1();
+        return getSupported$1();
     },
     get element() {
         return getElement$1();
     },
-    get isFullscreen() {
-        return getIsFullscreen();
+    get isActive() {
+        return getIsActive$1();
     },
     request: request$3,
     exit: exit$1,
-    onChange: onChangeSubscriptionManager$3.subscribe,
-    onError: onErrorSubscriptionManager$1.subscribe,
+    toggle: toggle$1,
+    onChange: onChange$1,
+    onError: onError$1,
     Constants: {},
     Errors: {
         NotSupportedError: NotSupportedError,
         InvalidStateError: InvalidStateError,
     },
 };
+function getHTMLVideoElement$1() {
+    var selected = globalThis.document.querySelector('video');
+    if (selected !== null)
+        return selected;
+    if (videoElement$1 === null)
+        return videoElement$1 = globalThis.document.createElement('video');
+    return videoElement$1;
+}
 function hasStandardApi$1() {
     return api !== null;
 }
@@ -1953,27 +1968,24 @@ function detectApi() {
 function getDefaultTarget$1() {
     if (Platform.os.name === OS.iOS) {
         var video = globalThis.document.querySelector('video');
-        return video !== null ? video : undefined;
+        if (video !== null)
+            return video;
+        return undefined;
     }
     return globalThis.document.documentElement;
 }
-function getEnabled$1() {
+function getSupported$1() {
     if (api !== null)
         return globalThis.document[api.enabled] === true;
     if (Platform.os.name !== OS.iOS)
         return false;
-    var video;
-    var selected = globalThis.document.querySelector('video');
-    if (selected !== null)
-        video = selected;
-    else
-        video = globalThis.document.createElement('video');
+    var video = getHTMLVideoElement$1();
     return video.webkitSupportsFullscreen === true || typeof video.webkitEnterFullscreen === 'function';
 }
 function getElement$1() {
     if (api === null) {
-        if (lastIOSVideo !== null && lastIOSVideo.webkitDisplayingFullscreen === true)
-            return lastIOSVideo;
+        if (lastFallbackVideoElement$1 !== null && lastFallbackVideoElement$1.webkitDisplayingFullscreen === true)
+            return lastFallbackVideoElement$1;
         return null;
     }
     var currentElement = globalThis.document[api.element];
@@ -1981,43 +1993,43 @@ function getElement$1() {
         return currentElement;
     return null;
 }
-function getIsFullscreen() {
+function getIsActive$1() {
     return getElement$1() !== null;
 }
-function createEventPayload(nativeEvent, element, isFullscreen) {
+function createEventPayload(nativeEvent, element, isActive) {
     return {
         nativeEvent: nativeEvent,
         element: element,
-        isFullscreen: isFullscreen,
+        isActive: isActive,
     };
 }
-function emitChange$1(nativeEvent, element, isFullscreen) {
-    onChangeSubscriptionManager$3.emit(createEventPayload(nativeEvent, element, isFullscreen));
+function emitChange$1(nativeEvent, element, isActive) {
+    onChangeSubscriptionManager$3.emit(createEventPayload(nativeEvent, element, isActive));
 }
-function emitError$1(nativeEvent, element, isFullscreen) {
-    onErrorSubscriptionManager$1.emit(createEventPayload(nativeEvent, element, isFullscreen));
+function emitError$1(nativeEvent, element, isActive) {
+    onErrorSubscriptionManager$1.emit(createEventPayload(nativeEvent, element, isActive));
 }
 function onFullscreenChange(event) {
     var target = event.target;
     if (target instanceof globalThis.Element)
-        emitChange$1(event, target, getIsFullscreen());
+        emitChange$1(event, target, getIsActive$1());
     if (target instanceof globalThis.Document)
-        emitChange$1(event, globalThis.document.documentElement, getIsFullscreen());
+        emitChange$1(event, globalThis.document.documentElement, getIsActive$1());
 }
 function onFullscreenError(event) {
     var target = event.target;
     if (target instanceof globalThis.Element)
-        emitError$1(event, target, getIsFullscreen());
+        emitError$1(event, target, getIsActive$1());
     if (target instanceof globalThis.Document)
-        emitError$1(event, globalThis.document.documentElement, getIsFullscreen());
+        emitError$1(event, globalThis.document.documentElement, getIsActive$1());
 }
 function onIOSBeginFullscreen(event) {
-    lastIOSVideo = this;
+    lastFallbackVideoElement$1 = this;
     emitChange$1(event, this, true);
 }
 function onIOSEndFullscreen(event) {
-    if (lastIOSVideo === this)
-        lastIOSVideo = null;
+    if (lastFallbackVideoElement$1 === this)
+        lastFallbackVideoElement$1 = null;
     emitChange$1(event, this, false);
 }
 function bridgeSingleVideoNode$1(video) {
@@ -2044,13 +2056,13 @@ function bridgeEvents$1() {
     if (typeof globalThis.MutationObserver === 'undefined')
         return;
     var observer = new globalThis.MutationObserver(function (records) {
-        if (lastIOSVideo !== null) {
+        if (lastFallbackVideoElement$1 !== null) {
             var removed = false;
             for (var i = 0; i < records.length; i++) {
                 var removedNodes = records[i].removedNodes;
                 for (var j = 0; j < removedNodes.length; j++) {
                     var node = removedNodes[j];
-                    if (node === lastIOSVideo || (node.nodeType === Node.ELEMENT_NODE && node.contains(lastIOSVideo))) {
+                    if (node === lastFallbackVideoElement$1 || (node.nodeType === Node.ELEMENT_NODE && node.contains(lastFallbackVideoElement$1))) {
                         removed = true;
                         break;
                     }
@@ -2058,8 +2070,8 @@ function bridgeEvents$1() {
                 if (removed)
                     break;
             }
-            if (removed && !globalThis.document.contains(lastIOSVideo))
-                lastIOSVideo = null;
+            if (removed && !globalThis.document.contains(lastFallbackVideoElement$1))
+                lastFallbackVideoElement$1 = null;
         }
         for (var i = 0; i < records.length; i++) {
             var addedNodes = records[i].addedNodes;
@@ -2112,8 +2124,10 @@ function request$3(target, options) {
             target = getDefaultTarget$1();
         if (typeof target === 'undefined')
             return reject(new NotSupportedError('Failed to enter fullscreen mode.'));
+        if (getIsActive$1() && getElement$1() !== target && Platform.browser.name === Browsers.Safari && Platform.os.name === OS.iOS)
+            return reject(new NotSupportedError('There is already a Fullscreen element in this document.'));
         var tagName = target.tagName.toLowerCase();
-        var isIOSFullscreenActive = lastIOSVideo !== null && lastIOSVideo.webkitDisplayingFullscreen === true;
+        var isIOSFullscreenActive = lastFallbackVideoElement$1 !== null && lastFallbackVideoElement$1.webkitDisplayingFullscreen === true;
         if (api !== null) {
             var method = target[api.request];
             if (typeof method === 'function' && !isIOSFullscreenActive) {
@@ -2127,7 +2141,7 @@ function request$3(target, options) {
                                 return reject(new NotSupportedError('The "' + tagName + '" element does not support fullscreen requests.'));
                             fallbackToIOSVideo();
                         }
-                        catch (_e) {
+                        catch (e) {
                             reject(new NotSupportedError('The "' + tagName + '" element does not support fullscreen requests.'));
                         }
                     });
@@ -2146,7 +2160,8 @@ function request$3(target, options) {
                         video_1.play()
                             .then(function () {
                             try {
-                                video_1.webkitEnterFullscreen();
+                                if (video_1.webkitSupportsFullscreen && typeof video_1.webkitEnterFullscreen === 'function')
+                                    video_1.webkitEnterFullscreen();
                             }
                             catch (e) {
                                 return reject(new InvalidStateError('The object is in an invalid state.'));
@@ -2161,7 +2176,7 @@ function request$3(target, options) {
                             return reject(new InvalidStateError('The object is in an invalid state.'));
                         }
                     }
-                    lastIOSVideo = video_1;
+                    lastFallbackVideoElement$1 = video_1;
                     return resolve();
                 }
             }
@@ -2179,16 +2194,7 @@ function exit$1() {
                 if (typeof result !== 'undefined' && typeof result.then === 'function') {
                     result
                         .then(resolve)
-                        .catch(function () {
-                        try {
-                            if (Platform.os.name !== OS.iOS)
-                                return reject(new NotSupportedError('Failed to exit fullscreen mode.'));
-                            fallbackToIOSVideo();
-                        }
-                        catch (_e) {
-                            reject(new NotSupportedError('Failed to exit fullscreen mode.'));
-                        }
-                    });
+                        .catch(resolve);
                     return;
                 }
                 return resolve();
@@ -2199,12 +2205,12 @@ function exit$1() {
                 reject(new NotSupportedError('Failed to exit fullscreen mode.'));
                 return;
             }
-            var target = lastIOSVideo;
+            var target = lastFallbackVideoElement$1;
             if (target !== null && typeof target.webkitExitFullscreen === 'function' && target.webkitDisplayingFullscreen === true) {
                 target.webkitExitFullscreen();
                 if (target.webkitDisplayingFullscreen)
                     return reject(new NotSupportedError('Failed to exit fullscreen mode.'));
-                lastIOSVideo = null;
+                lastFallbackVideoElement$1 = null;
                 return resolve();
             }
             var videos = globalThis.document.querySelectorAll('video');
@@ -2214,7 +2220,7 @@ function exit$1() {
                     video.webkitExitFullscreen();
                     if (video.webkitDisplayingFullscreen)
                         return reject(new NotSupportedError('Failed to exit fullscreen mode.'));
-                    lastIOSVideo = null;
+                    lastFallbackVideoElement$1 = null;
                     return resolve();
                 }
             }
@@ -2225,6 +2231,39 @@ function exit$1() {
         fallbackToIOSVideo();
     });
 }
+function toggle$1(target, options) {
+    var current = getElement$1();
+    if (typeof target !== 'undefined') {
+        if (current === target)
+            return this.exit();
+        return this.request(target, options);
+    }
+    if (current !== null)
+        return this.exit();
+    return this.request(undefined, options);
+}
+function onChange$1(targetOrListener, listenerOrOptions, options) {
+    if (typeof targetOrListener === 'function')
+        return onChangeSubscriptionManager$3.subscribe(targetOrListener, listenerOrOptions);
+    var target = targetOrListener;
+    var listener = listenerOrOptions;
+    function wrappedListener(payload) {
+        if (payload.element === target)
+            listener(payload);
+    }
+    return onChangeSubscriptionManager$3.subscribe(wrappedListener, options);
+}
+function onError$1(targetOrListener, listenerOrOptions, options) {
+    if (typeof targetOrListener === 'function')
+        return onErrorSubscriptionManager$1.subscribe(targetOrListener, listenerOrOptions);
+    var target = targetOrListener;
+    var listener = listenerOrOptions;
+    function wrappedListener(payload) {
+        if (payload.element === target)
+            listener(payload);
+    }
+    return onErrorSubscriptionManager$1.subscribe(wrappedListener, options);
+}
 bridgeEvents$1();
 
 var PermissionType;
@@ -4032,7 +4071,8 @@ function stop() {
 
 var PIP_PRESENTATION_MODE = 'picture-in-picture';
 var INLINE_PRESENTATION_MODE = 'inline';
-var lastPipVideo = null;
+var videoElement = null;
+var lastFallbackVideoElement = null;
 var eventsBridged = false;
 var PIP_BRIDGE_KEY = (function () {
     if (typeof Symbol === 'function') {
@@ -4047,43 +4087,57 @@ var onChangeSubscriptionManager$1 = createSubscriptionManager(attachOnChange$1,
 var onErrorSubscriptionManager = createSubscriptionManager(attachOnError, detachOnError);
 var Pip = {
     get supported() {
-        return getEnabled();
+        return getSupported();
     },
     get element() {
         return getElement();
     },
-    get isPip() {
-        return getIsPip();
+    get isActive() {
+        return getIsActive();
     },
     request: request,
     exit: exit,
-    onChange: onChangeSubscriptionManager$1.subscribe,
-    onError: onErrorSubscriptionManager.subscribe,
+    toggle: toggle,
+    onChange: onChange,
+    onError: onError,
     Constants: {},
     Errors: {
         NotSupportedError: NotSupportedError,
         InvalidStateError: InvalidStateError,
     },
 };
+function getHTMLVideoElement() {
+    var selected = globalThis.document.querySelector('video');
+    if (selected !== null)
+        return selected;
+    if (videoElement === null)
+        return videoElement = globalThis.document.createElement('video');
+    return videoElement;
+}
 function hasStandardApi() {
     return typeof globalThis.document.pictureInPictureEnabled !== 'undefined';
 }
+function hasWebkitApi() {
+    return typeof getHTMLVideoElement().webkitSetPresentationMode === 'function';
+}
 function getDefaultTarget() {
     var video = globalThis.document.querySelector('video');
-    return video !== null ? video : undefined;
+    if (video !== null)
+        return video;
+    return undefined;
 }
-function createPipEventPayload(nativeEvent, element, isPip) {
+function createPipEventPayload(nativeEvent, element, isActive) {
     return {
         nativeEvent: nativeEvent,
         element: element,
-        isPip: isPip
+        isActive: isActive
     };
 }
-function emitChange(nativeEvent, element, isPip) {
-    onChangeSubscriptionManager$1.emit(createPipEventPayload(nativeEvent, element, isPip));
+function emitChange(nativeEvent, element, isActive) {
+    onChangeSubscriptionManager$1.emit(createPipEventPayload(nativeEvent, element, isActive));
 }
-function emitError(nativeEvent, element, isPip) {
-    onErrorSubscriptionManager.emit(createPipEventPayload(nativeEvent, element, isPip));
+function emitError(nativeEvent, element, isActive) {
+    onErrorSubscriptionManager.emit(createPipEventPayload(nativeEvent, element, isActive));
 }
 function onEnterPictureInPicture(event) {
     var target = event.target;
@@ -4098,16 +4152,16 @@ function onLeavePictureInPicture(event) {
 function onPictureInPictureError(event) {
     var target = event.target;
     if (target instanceof globalThis.HTMLVideoElement)
-        emitError(event, target, getIsPip());
+        emitError(event, target, getIsActive());
 }
 function onWebkitPresentationModeChanged(event) {
     if (this.webkitPresentationMode === PIP_PRESENTATION_MODE) {
-        lastPipVideo = this;
+        lastFallbackVideoElement = this;
         emitChange(event, this, true);
         return;
     }
-    if (this.webkitPresentationMode === INLINE_PRESENTATION_MODE && lastPipVideo === this) {
-        lastPipVideo = null;
+    if (this.webkitPresentationMode === INLINE_PRESENTATION_MODE && lastFallbackVideoElement === this) {
+        lastFallbackVideoElement = null;
         emitChange(event, this, false);
     }
 }
@@ -4128,19 +4182,19 @@ function bridgeEvents() {
     if (eventsBridged)
         return;
     eventsBridged = true;
-    if (hasStandardApi())
+    if (hasStandardApi() && !hasWebkitApi())
         return;
     bridgeWebkitVideoEvents();
     if (typeof globalThis.MutationObserver === 'undefined')
         return;
     var observer = new globalThis.MutationObserver(function (records) {
-        if (lastPipVideo !== null) {
+        if (lastFallbackVideoElement !== null) {
             var removed = false;
             for (var i = 0; i < records.length; i++) {
                 var removedNodes = records[i].removedNodes;
                 for (var j = 0; j < removedNodes.length; j++) {
                     var node = removedNodes[j];
-                    if (node === lastPipVideo || (node.nodeType === Node.ELEMENT_NODE && node.contains(lastPipVideo))) {
+                    if (node === lastFallbackVideoElement || (node.nodeType === Node.ELEMENT_NODE && node.contains(lastFallbackVideoElement))) {
                         removed = true;
                         break;
                     }
@@ -4148,8 +4202,8 @@ function bridgeEvents() {
                 if (removed)
                     break;
             }
-            if (removed && !globalThis.document.contains(lastPipVideo))
-                lastPipVideo = null;
+            if (removed && !globalThis.document.contains(lastFallbackVideoElement))
+                lastFallbackVideoElement = null;
         }
         for (var i = 0; i < records.length; i++) {
             var addedNodes = records[i].addedNodes;
@@ -4196,26 +4250,21 @@ function attachOnError() {
 function detachOnError() {
     EventListener.remove(globalThis.document, { type: 'pictureinpictureerror', callback: onPictureInPictureError, options: false });
 }
-function getEnabled() {
+function getSupported() {
     if (typeof globalThis.document.pictureInPictureEnabled === 'boolean')
         return globalThis.document.pictureInPictureEnabled;
-    var video;
-    var selected = globalThis.document.querySelector('video');
-    if (selected !== null)
-        video = selected;
-    else
-        video = globalThis.document.createElement('video');
+    var video = getHTMLVideoElement();
     return typeof video.webkitSupportsPresentationMode === 'function' && video.webkitSupportsPresentationMode(PIP_PRESENTATION_MODE);
 }
 function getElement() {
     var currentElement = globalThis.document.pictureInPictureElement;
     if (currentElement !== null && typeof currentElement !== 'undefined')
         return currentElement;
-    if (lastPipVideo !== null && lastPipVideo.webkitPresentationMode === PIP_PRESENTATION_MODE)
-        return lastPipVideo;
+    if (lastFallbackVideoElement !== null && lastFallbackVideoElement.webkitPresentationMode === PIP_PRESENTATION_MODE)
+        return lastFallbackVideoElement;
     return null;
 }
-function getIsPip() {
+function getIsActive() {
     return getElement() !== null;
 }
 function request(target) {
@@ -4224,12 +4273,14 @@ function request(target) {
             target = getDefaultTarget();
         if (typeof target === 'undefined')
             return reject(new NotSupportedError('Failed to enter Picture-in-Picture mode.'));
+        if (getIsActive() && getElement() !== target && Platform.browser.name === Browsers.Safari && Platform.os.name === OS.iOS)
+            return reject(new NotSupportedError('There is already a Picture-in-Picture element in this document.'));
         var tagName = target.tagName.toLowerCase();
         if (tagName !== 'video')
             return reject(new NotSupportedError('The "' + tagName + '" element does not support Picture-in-Picture requests.'));
         var method = target.requestPictureInPicture;
-        var isWebkitPipActive = lastPipVideo !== null && lastPipVideo.webkitPresentationMode === PIP_PRESENTATION_MODE;
-        if (typeof method === 'function' && !isWebkitPipActive) {
+        var isWebkitPipActive = lastFallbackVideoElement !== null && lastFallbackVideoElement.webkitPresentationMode === PIP_PRESENTATION_MODE;
+        if (typeof method === 'function' && !hasWebkitApi() && !isWebkitPipActive) {
             var result = method.call(target);
             if (typeof result !== 'undefined' && typeof result.then === 'function') {
                 result
@@ -4250,12 +4301,8 @@ function request(target) {
             if (typeof target !== 'undefined' && typeof target.webkitSupportsPresentationMode === 'function' && target.webkitSupportsPresentationMode(PIP_PRESENTATION_MODE) && typeof target.webkitSetPresentationMode === 'function') {
                 if (target.disablePictureInPicture)
                     return reject(new NotSupportedError('Picture-in-Picture is disabled on this element.'));
-                if (!hasStandardApi())
-                    bridgeSingleVideoNode(target);
+                bridgeSingleVideoNode(target);
                 target.webkitSetPresentationMode(PIP_PRESENTATION_MODE);
-                if (target.webkitPresentationMode !== PIP_PRESENTATION_MODE)
-                    return reject(new InvalidStateError('Picture-in-Picture transition is already in progress.'));
-                lastPipVideo = target;
                 return resolve();
             }
             reject(new NotSupportedError('The "' + tagName + '" element does not support Picture-in-Picture requests.'));
@@ -4266,7 +4313,7 @@ function request(target) {
 function exit() {
     return new Promise(function (resolve, reject) {
         var method = globalThis.document.exitPictureInPicture;
-        if (typeof method === 'function') {
+        if (typeof method === 'function' && !hasWebkitApi()) {
             var result = method.call(globalThis.document);
             if (typeof result !== 'undefined' && typeof result.then === 'function') {
                 result
@@ -4284,9 +4331,8 @@ function exit() {
             return resolve();
         }
         function fallbackToWebkit() {
-            if (lastPipVideo !== null && typeof lastPipVideo.webkitSetPresentationMode === 'function' && lastPipVideo.webkitPresentationMode === PIP_PRESENTATION_MODE) {
-                lastPipVideo.webkitSetPresentationMode(INLINE_PRESENTATION_MODE);
-                lastPipVideo = null;
+            if (lastFallbackVideoElement !== null && typeof lastFallbackVideoElement.webkitSetPresentationMode === 'function') {
+                lastFallbackVideoElement.webkitSetPresentationMode(INLINE_PRESENTATION_MODE);
                 return resolve();
             }
             var videos = globalThis.document.querySelectorAll('video');
@@ -4294,17 +4340,49 @@ function exit() {
                 var video = videos[i];
                 if (typeof video.webkitSetPresentationMode === 'function' && video.webkitPresentationMode === PIP_PRESENTATION_MODE) {
                     video.webkitSetPresentationMode(INLINE_PRESENTATION_MODE);
-                    lastPipVideo = null;
                     return resolve();
                 }
             }
-            if (globalThis.document.pictureInPictureElement === null || typeof globalThis.document.pictureInPictureElement === 'undefined')
-                return resolve();
-            reject(new NotSupportedError('Failed to exit Picture-in-Picture mode.'));
+            return resolve();
         }
         fallbackToWebkit();
     });
 }
+function toggle(target) {
+    var current = getElement();
+    if (typeof target !== 'undefined') {
+        if (current === target)
+            return this.exit();
+        else
+            return this.request(target);
+    }
+    if (current !== null)
+        return this.exit();
+    else
+        return this.request(target);
+}
+function onChange(targetOrListener, listenerOrOptions, options) {
+    if (typeof targetOrListener === 'function')
+        return onChangeSubscriptionManager$1.subscribe(targetOrListener, listenerOrOptions);
+    var target = targetOrListener;
+    var listener = listenerOrOptions;
+    function wrappedListener(payload) {
+        if (payload.element === target)
+            listener(payload);
+    }
+    return onChangeSubscriptionManager$1.subscribe(wrappedListener, options);
+}
+function onError(targetOrListener, listenerOrOptions, options) {
+    if (typeof targetOrListener === 'function')
+        return onErrorSubscriptionManager.subscribe(targetOrListener, listenerOrOptions);
+    var target = targetOrListener;
+    var listener = listenerOrOptions;
+    function wrappedListener(payload) {
+        if (payload.element === target)
+            listener(payload);
+    }
+    return onErrorSubscriptionManager.subscribe(wrappedListener, options);
+}
 bridgeEvents();
 
 var Badge = {