native-fn 1.2.0 → 1.2.1

package/README.md

@@ -56,7 +56,7 @@ yarn add native-fn
 - **[fullscreen](#fullscreen)**
     - [supported](#fullscreen-supported)
     - [element](#fullscreen-element)
-    - [isFullscreen](#fullscreen-isfullscreen)
+    - [isActive](#fullscreen-isActive)
     - [request](#fullscreen-request)
     - [exit](#fullscreen-exit)
     - [onChange](#fullscreen-onchange)
@@ -87,7 +87,7 @@ yarn add native-fn
 - **[pip](#pip)**
     - [supported](#pip-supported)
     - [element](#pip-element)
-    - [isPip](#pip-ispip)
+    - [isActive](#pip-isActive)
     - [request](#pip-request)
     - [exit](#pip-exit)
     - [onChange](#pip-onchange)
@@ -653,7 +653,7 @@ unsubscribe();
 
 ## fullscreen
 
-[`supported`](#fullscreen-supported) · [`element`](#fullscreen-element) · [`isFullscreen`](#fullscreen-isfullscreen) · [`request`](#fullscreen-request) · [`exit`](#fullscreen-exit) · [`onChange`](#fullscreen-onchange) · [`onError`](#fullscreen-onerror)
+[`supported`](#fullscreen-supported) · [`element`](#fullscreen-element) · [`isActive`](#fullscreen-isActive) · [`request`](#fullscreen-request) · [`exit`](#fullscreen-exit) · [`onChange`](#fullscreen-onchange) · [`onError`](#fullscreen-onerror)
 
 <h3 id="fullscreen-supported"><code>fullscreen.supported</code></h3>
 
@@ -722,12 +722,12 @@ Element | null
 
 ---
 
-<h3 id="fullscreen-isfullscreen"><code>fullscreen.isFullscreen</code></h3>
+<h3 id="fullscreen-isActive"><code>fullscreen.isActive</code></h3>
 
 **Signature**
 
 ```ts
-get isFullscreen(): boolean
+get isActive(): boolean
 ```
 
 Returns whether fullscreen is currently active.
@@ -735,7 +735,7 @@ Returns whether fullscreen is currently active.
 **Example**
 
 ```ts
-console.log(Native.fullscreen.isFullscreen); // true | false
+console.log(Native.fullscreen.isActive); // true | false
 ```
 
 **Returns**
@@ -877,7 +877,7 @@ Subscribes to fullscreen state changes.
 
 ```ts
 const unsubscribe = Native.fullscreen.onChange((payload) => {
-    console.log(payload.isFullscreen); // true | false
+    console.log(payload.isActive); // true | false
     console.log(payload.element);      // Element
     console.log(payload.nativeEvent);  // Event
 });
@@ -913,7 +913,7 @@ Subscribes to fullscreen errors.
 
 ```ts
 const unsubscribe = Native.fullscreen.onError((payload) => {
-    console.log(payload.isFullscreen); // boolean
+    console.log(payload.isActive); // boolean
     console.log(payload.element);      // Element
     console.log(payload.nativeEvent);  // Event
 });
@@ -1885,7 +1885,7 @@ enum PermissionState {
 
 ## pip
 
-[`supported`](#pip-supported) · [`element`](#pip-element) · [`isPip`](#pip-ispip) · [`request`](#pip-request) · [`exit`](#pip-exit) · [`onChange`](#pip-onchange) · [`onError`](#pip-onerror)
+[`supported`](#pip-supported) · [`element`](#pip-element) · [`isActive`](#pip-isActive) · [`request`](#pip-request) · [`exit`](#pip-exit) · [`onChange`](#pip-onchange) · [`onError`](#pip-onerror)
 
 <h3 id="pip-supported"><code>pip.supported</code></h3>
 
@@ -1954,12 +1954,12 @@ HTMLVideoElement | null
 
 ---
 
-<h3 id="pip-ispip"><code>pip.isPip</code></h3>
+<h3 id="pip-isActive"><code>pip.isActive</code></h3>
 
 **Signature**
 
 ```ts
-get isPip(): boolean
+get isActive(): boolean
 ```
 
 Returns whether Picture-in-Picture is currently active.
@@ -1967,7 +1967,7 @@ Returns whether Picture-in-Picture is currently active.
 **Example**
 
 ```ts
-console.log(Native.pip.isPip); // true | false
+console.log(Native.pip.isActive); // true | false
 ```
 
 **Returns**
@@ -2113,7 +2113,7 @@ Subscribes to Picture-in-Picture state changes.
 
 ```ts
 const unsubscribe = Native.pip.onChange((payload) => {
-    console.log(payload.isPip);       // true | false
+    console.log(payload.isActive);       // true | false
     console.log(payload.element);     // HTMLVideoElement
     console.log(payload.nativeEvent); // Event
 });
@@ -2149,7 +2149,7 @@ Subscribes to Picture-in-Picture errors.
 
 ```ts
 const unsubscribe = Native.pip.onError((payload) => {
-    console.log(payload.isPip);       // boolean
+    console.log(payload.isActive);       // boolean
     console.log(payload.element);     // HTMLVideoElement
     console.log(payload.nativeEvent); // Event
 });

package/dist/index.d.ts

@@ -147,13 +147,16 @@ declare const Dimension: DimensionInstance;
 declare const InvalidStateError: ErrorConstructor;
 
 declare interface FullscreenInstance {
-    supported: boolean;
-    element: Element | null;
-    isFullscreen: boolean;
+    get supported(): boolean;
+    get element(): Element | null;
+    get isActive(): boolean;
     request(target?: Element, options?: FullscreenOptions): Promise<void>;
+    toggle(target?: Element, options?: FullscreenOptions): Promise<void>;
     exit(): Promise<void>;
     onChange(listener: (payload: FullscreenEventPayload) => void, options?: AddEventListenerOptions): () => void;
+    onChange(target: Element, listener: (payload: FullscreenEventPayload) => void, options?: AddEventListenerOptions): () => void;
     onError(listener: (payload: FullscreenEventPayload) => void, options?: AddEventListenerOptions): () => void;
+    onChange(target: Element, listener: (payload: FullscreenEventPayload) => void, options?: AddEventListenerOptions): () => void;
     Constants: {};
     Errors: {
         NotSupportedError: typeof NotSupportedError;
@@ -163,7 +166,7 @@ declare interface FullscreenInstance {
 declare interface FullscreenEventPayload {
     nativeEvent: Event;
     element: Element;
-    isFullscreen: boolean;
+    isActive: boolean;
 }
 
 declare global {
@@ -733,11 +736,14 @@ declare const Permission: PermissionInstance;
 declare interface PipInstance {
     get supported(): boolean;
     get element(): HTMLVideoElement | null;
-    get isPip(): boolean;
+    get isActive(): boolean;
     request(target?: HTMLVideoElement): Promise<void>;
     exit(): Promise<void>;
+    toggle(target?: HTMLVideoElement): Promise<void>;
     onChange(listener: (payload: PipEventPayload) => void, options?: AddEventListenerOptions): () => void;
+    onChange(target: HTMLVideoElement, listener: (payload: PipEventPayload) => void, options?: AddEventListenerOptions): () => void;
     onError(listener: (payload: PipEventPayload) => void, options?: AddEventListenerOptions): () => void;
+    onError(target: HTMLVideoElement, listener: (payload: PipEventPayload) => void, options?: AddEventListenerOptions): () => void;
     Constants: {};
     Errors: {
         NotSupportedError: typeof NotSupportedError;
@@ -747,7 +753,7 @@ declare interface PipInstance {
 declare interface PipEventPayload {
     nativeEvent: Event;
     element: HTMLVideoElement;
-    isPip: boolean;
+    isActive: boolean;
 }
 
 declare global {