capacitor-plugin-status-bar 2.0.4 → 2.0.5

package/README.md

@@ -38,6 +38,8 @@ No additional configuration required. The plugin works out of the box on Android
 * [`hide(...)`](#hide)
 * [`setOverlaysWebView(...)`](#setoverlayswebview)
 * [`setBackground(...)`](#setbackground)
+* [`showNavigationBar(...)`](#shownavigationbar)
+* [`hideNavigationBar(...)`](#hidenavigationbar)
 * [`getSafeAreaInsets()`](#getsafeareainsets)
 * [Type Aliases](#type-aliases)
 * [Enums](#enums)
@@ -129,6 +131,36 @@ Set the window background color.
 --------------------
 
 
+### showNavigationBar(...)
+
+```typescript
+showNavigationBar(options: NavigationBarShowOptions) => Promise<void>
+```
+
+Show the navigation bar.
+
+| Param         | Type                                                                          | Description                               |
+| ------------- | ----------------------------------------------------------------------------- | ----------------------------------------- |
+| **`options`** | <code><a href="#navigationbarshowoptions">NavigationBarShowOptions</a></code> | - The options to show the navigation bar. |
+
+--------------------
+
+
+### hideNavigationBar(...)
+
+```typescript
+hideNavigationBar(options: NavigationBarHideOptions) => Promise<void>
+```
+
+Hide the navigation bar.
+
+| Param         | Type                                                                          | Description                               |
+| ------------- | ----------------------------------------------------------------------------- | ----------------------------------------- |
+| **`options`** | <code><a href="#navigationbarhideoptions">NavigationBarHideOptions</a></code> | - The options to hide the navigation bar. |
+
+--------------------
+
+
 ### getSafeAreaInsets()
 
 ```typescript
@@ -193,6 +225,16 @@ Note: Short 3-digit format (#FFF) is NOT supported.
 <code>{ color: <a href="#statusbarcolor">StatusBarColor</a>; }</code>
 
 
+#### NavigationBarShowOptions
+
+<code>{ animated: boolean; }</code>
+
+
+#### NavigationBarHideOptions
+
+<code>{ /** * The animation type for hiding the navigation bar. * - 'fade': Makes the background transparent without removing the navigation bar. * - 'slide': Hides the navigation bar completely (default behavior). */ animation: <a href="#statusbaranimation">StatusBarAnimation</a>; }</code>
+
+
 #### SafeAreaInsets
 
 <code>{ top: number; bottom: number; left: number; right: number; }</code>

package/android/src/main/java/com/cap/plugins/statusbar/CapacitorStatusBar.java

@@ -328,6 +328,108 @@ public class CapacitorStatusBar extends Plugin {
         return insets;
     }
 
+    public void showNavigationBar(Activity activity, boolean animated) {
+        Log.d(TAG, "showNavigationBar: animated=" + animated + ", API=" + Build.VERSION.SDK_INT);
+        Window window = activity.getWindow();
+        View decorView = window.getDecorView();
+
+        if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+            WindowInsetsController controller = window.getInsetsController();
+            if (controller != null) {
+                Log.d(TAG, "showNavigationBar: showing navigation bar (API 30+)");
+                controller.show(WindowInsets.Type.navigationBars());
+                controller.setSystemBarsBehavior(
+                        WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE);
+            } else {
+                Log.w(TAG, "showNavigationBar: WindowInsetsController is null");
+            }
+        } else {
+            Log.d(TAG, "showNavigationBar: showing using system UI flags (API 29)");
+            int flags = decorView.getSystemUiVisibility();
+            flags &= ~View.SYSTEM_UI_FLAG_HIDE_NAVIGATION;
+            flags &= ~View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY;
+            decorView.setSystemUiVisibility(flags);
+        }
+
+        // Restore navigation bar background color
+        applyNavigationBarBackground(activity, currentNavBarColor);
+    }
+
+    public void hideNavigationBar(Activity activity, String animation) {
+        Log.d(TAG, "hideNavigationBar: animation=" + animation + ", API=" + Build.VERSION.SDK_INT);
+        Window window = activity.getWindow();
+        View decorView = window.getDecorView();
+
+        String animationType = animation != null ? animation.toLowerCase() : "slide";
+
+        if ("fade".equals(animationType)) {
+            Log.d(TAG, "hideNavigationBar: fade mode - hiding navigation bar with transparent background");
+
+            // Hide the navigation bar icons
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                WindowInsetsController controller = window.getInsetsController();
+                if (controller != null) {
+                    controller.hide(WindowInsets.Type.navigationBars());
+                    controller.setSystemBarsBehavior(
+                            WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE);
+                }
+            } else {
+                decorView.setSystemUiVisibility(
+                        decorView.getSystemUiVisibility()
+                                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
+                                | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
+                                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
+                                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
+            }
+
+            // Make background transparent
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
+                ViewGroup dv = (ViewGroup) decorView;
+                View navOverlay = dv.findViewWithTag(NAV_BAR_OVERLAY_TAG);
+                if (navOverlay != null) {
+                    navOverlay.setBackgroundColor(Color.TRANSPARENT);
+                }
+            } else {
+                window.setNavigationBarColor(Color.TRANSPARENT);
+            }
+        } else if ("slide".equals(animationType)) {
+            Log.d(TAG, "hideNavigationBar: slide mode - hiding navigation bar completely");
+
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.R) {
+                WindowInsetsController controller = window.getInsetsController();
+                if (controller != null) {
+                    controller.hide(WindowInsets.Type.navigationBars());
+                    controller.setSystemBarsBehavior(
+                            WindowInsetsController.BEHAVIOR_SHOW_TRANSIENT_BARS_BY_SWIPE);
+                } else {
+                    Log.w(TAG, "hideNavigationBar: WindowInsetsController is null");
+                }
+            } else {
+                Log.d(TAG, "hideNavigationBar: hiding using system UI flags (API 29)");
+                decorView.setSystemUiVisibility(
+                        decorView.getSystemUiVisibility()
+                                | View.SYSTEM_UI_FLAG_HIDE_NAVIGATION
+                                | View.SYSTEM_UI_FLAG_IMMERSIVE_STICKY
+                                | View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION
+                                | View.SYSTEM_UI_FLAG_LAYOUT_STABLE);
+            }
+
+            // Make navigation bar overlay transparent
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
+                ViewGroup dv = (ViewGroup) decorView;
+                View navOverlay = dv.findViewWithTag(NAV_BAR_OVERLAY_TAG);
+                if (navOverlay != null) {
+                    navOverlay.setBackgroundColor(Color.TRANSPARENT);
+                }
+            } else {
+                window.setNavigationBarColor(Color.TRANSPARENT);
+            }
+        } else {
+            Log.w(TAG, "hideNavigationBar: unknown animation type '" + animationType + "', defaulting to slide");
+            hideNavigationBar(activity, "slide");
+        }
+    }
+
     /**
      * Reapply the current style and colors after showing bars.
      * This ensures colors are preserved when hiding and then showing.

package/android/src/main/java/com/cap/plugins/statusbar/CapacitorStatusBarPlugin.java

@@ -1,5 +1,12 @@
 package com.cap.plugins.statusbar;
 
+import android.os.Build;
+import android.view.View;
+
+import androidx.core.graphics.Insets;
+import androidx.core.view.ViewCompat;
+import androidx.core.view.WindowInsetsCompat;
+
 import com.getcapacitor.Plugin;
 import com.getcapacitor.PluginCall;
 import com.getcapacitor.PluginMethod;
@@ -16,6 +23,17 @@ public class CapacitorStatusBarPlugin extends Plugin {
         getActivity().runOnUiThread(() -> {
             implementation.ensureEdgeToEdgeConfigured(getActivity());
             implementation.applyDefaultStyle(getActivity());
+
+            // On Android 15+ (API 35+), edge-to-edge is enforced and the WebView content
+            // extends under system bars. Apply padding so Ionic content stays in the safe area.
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
+                View webView = getBridge().getWebView();
+                ViewCompat.setOnApplyWindowInsetsListener(webView, (v, insets) -> {
+                    Insets systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars());
+                    v.setPadding(systemBars.left, systemBars.top, systemBars.right, systemBars.bottom);
+                    return insets;
+                });
+            }
         });
     }
 
@@ -101,6 +119,36 @@ public class CapacitorStatusBarPlugin extends Plugin {
         }
     }
 
+    @PluginMethod
+    public void showNavigationBar(PluginCall call) {
+        try {
+            boolean animated = Boolean.TRUE.equals(call.getBoolean("animated", true));
+            getActivity().runOnUiThread(() -> {
+                implementation.showNavigationBar(getActivity(), animated);
+                call.resolve();
+            });
+        } catch (Exception e) {
+            call.reject(e.getMessage());
+        }
+    }
+
+    @PluginMethod
+    public void hideNavigationBar(PluginCall call) {
+        try {
+            String animation = call.getString("animation");
+            if (animation == null) {
+                call.reject("animation is required");
+                return;
+            }
+            getActivity().runOnUiThread(() -> {
+                implementation.hideNavigationBar(getActivity(), animation);
+                call.resolve();
+            });
+        } catch (Exception e) {
+            call.reject(e.getMessage());
+        }
+    }
+
     @PluginMethod
     public void getSafeAreaInsets(PluginCall call) {
         try {

package/dist/docs.json

@@ -144,6 +144,60 @@
         ],
         "slug": "setbackground"
       },
+      {
+        "name": "showNavigationBar",
+        "signature": "(options: NavigationBarShowOptions) => Promise<void>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "- The options to show the navigation bar.",
+            "type": "NavigationBarShowOptions"
+          }
+        ],
+        "returns": "Promise<void>",
+        "tags": [
+          {
+            "name": "param",
+            "text": "options - The options to show the navigation bar."
+          },
+          {
+            "name": "param",
+            "text": "options.animated - Whether to animate the navigation bar."
+          }
+        ],
+        "docs": "Show the navigation bar.",
+        "complexTypes": [
+          "NavigationBarShowOptions"
+        ],
+        "slug": "shownavigationbar"
+      },
+      {
+        "name": "hideNavigationBar",
+        "signature": "(options: NavigationBarHideOptions) => Promise<void>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "- The options to hide the navigation bar.",
+            "type": "NavigationBarHideOptions"
+          }
+        ],
+        "returns": "Promise<void>",
+        "tags": [
+          {
+            "name": "param",
+            "text": "options - The options to hide the navigation bar."
+          },
+          {
+            "name": "param",
+            "text": "options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bar completely."
+          }
+        ],
+        "docs": "Hide the navigation bar.",
+        "complexTypes": [
+          "NavigationBarHideOptions"
+        ],
+        "slug": "hidenavigationbar"
+      },
       {
         "name": "getSafeAreaInsets",
         "signature": "() => Promise<SafeAreaInsets>",
@@ -316,6 +370,30 @@
         }
       ]
     },
+    {
+      "name": "NavigationBarShowOptions",
+      "slug": "navigationbarshowoptions",
+      "docs": "",
+      "types": [
+        {
+          "text": "{\n  animated: boolean;\n}",
+          "complexTypes": []
+        }
+      ]
+    },
+    {
+      "name": "NavigationBarHideOptions",
+      "slug": "navigationbarhideoptions",
+      "docs": "",
+      "types": [
+        {
+          "text": "{\n  /**\n   * The animation type for hiding the navigation bar.\n   * - 'fade': Makes the background transparent without removing the navigation bar.\n   * - 'slide': Hides the navigation bar completely (default behavior).\n   */\n  animation: StatusBarAnimation;\n}",
+          "complexTypes": [
+            "StatusBarAnimation"
+          ]
+        }
+      ]
+    },
     {
       "name": "SafeAreaInsets",
       "slug": "safeareainsets",

package/dist/esm/definitions.d.ts

@@ -41,6 +41,17 @@ export declare type StatusBarSetOverlaysWebViewOptions = {
 export declare type StatusBarSetBackgroundOptions = {
     color: StatusBarColor;
 };
+export declare type NavigationBarShowOptions = {
+    animated: boolean;
+};
+export declare type NavigationBarHideOptions = {
+    /**
+     * The animation type for hiding the navigation bar.
+     * - 'fade': Makes the background transparent without removing the navigation bar.
+     * - 'slide': Hides the navigation bar completely (default behavior).
+     */
+    animation: StatusBarAnimation;
+};
 export declare type SafeAreaInsets = {
     top: number;
     bottom: number;
@@ -87,6 +98,18 @@ export interface CapacitorStatusBarPlugin {
      * @param options.color - The background color in HEX format.
      */
     setBackground(options: StatusBarSetBackgroundOptions): Promise<void>;
+    /**
+     * Show the navigation bar.
+     * @param options - The options to show the navigation bar.
+     * @param options.animated - Whether to animate the navigation bar.
+     */
+    showNavigationBar(options: NavigationBarShowOptions): Promise<void>;
+    /**
+     * Hide the navigation bar.
+     * @param options - The options to hide the navigation bar.
+     * @param options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bar completely.
+     */
+    hideNavigationBar(options: NavigationBarHideOptions): Promise<void>;
     /**
      * Get the safe area insets.
      * Returns the insets for status bar, navigation bar, and notch areas.

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACf,wBAAe,CAAA;IACf,sBAAa,CAAA;IACb,0BAAiB,CAAA;AACnB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB;AAWD,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B","sourcesContent":["export enum Style {\n  LIGHT = 'LIGHT',\n  DARK = 'DARK',\n  CUSTOM = 'CUSTOM',\n}\n\n/**\n * Full HEX color format only (6 or 8 digits).\n * - 6 digits: #RRGGBB (e.g., #FFFFFF, #000000, #FF5733)\n * - 8 digits: #RRGGBBAA with alpha channel (e.g., #FFFFFF00, #FF5733CC)\n *\n * Note: Short 3-digit format (#FFF) is NOT supported.\n */\nexport type StatusBarColor = `#${string}`;\n\nexport enum StatusBarAnimation {\n  NONE = 'none',\n  FADE = 'fade',\n  SLIDE = 'slide',\n}\n\ntype StatusBarStyleNoDefaultOptions = {\n  style: Style;\n};\n\ntype StatusBarStyleOptions =\n  | StatusBarStyleNoDefaultOptions\n  | {\n      style: Style.CUSTOM;\n      color: StatusBarColor;\n    };\n\nexport type StatusBarOptions = StatusBarStyleOptions;\n\nexport type StatusBarShowOptions = {\n  animated: boolean;\n};\n\nexport type StatusBarHideOptions = {\n  /**\n   * The animation type for hiding the status bar.\n   * - 'fade': Makes the background transparent without removing the status bar and navigation bar.\n   * - 'slide': Hides the status bar and navigation bar completely (default behavior).\n   */\n  animation: StatusBarAnimation;\n};\n\nexport type StatusBarSetOverlaysWebViewOptions = {\n  value: boolean;\n};\n\nexport type StatusBarSetBackgroundOptions = {\n  color: StatusBarColor;\n};\n\nexport type SafeAreaInsets = {\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n};\n\nexport interface CapacitorStatusBarPlugin {\n  /**\n   * Set the status bar and navigation bar style and color.\n   * @param options - The options to set the status bar style and color.\n   * @param options.style - The style of the status bar.\n   * @param options.color - The color of the status bar.\n   */\n  setStyle(options: StatusBarOptions): Promise<void>;\n  /**\n   * Show the status bar.\n   * @param options - The options to show the status bar.\n   * @param options.animated - Whether to animate the status bar.\n   */\n  show(options: StatusBarShowOptions): Promise<void>;\n  /**\n   * Hide the status bar.\n   * @param options - The options to hide the status bar.\n   * @param options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bars completely.\n   */\n  hide(options: StatusBarHideOptions): Promise<void>;\n  /**\n   * Set whether the status bar overlays the web view.\n   *\n   * **iOS only** - On Android this is a no-op (resolves without error).\n   *\n   * - `true`: Web content extends behind the status bar (transparent background),\n   *   allowing content to be visible through the status bar area on scroll.\n   * - `false`: Restores the status bar background to the color set by `setStyle`\n   *   or falls back to the default style from Capacitor config.\n   *\n   * @param options - The options to set the status bar overlays web view.\n   * @param options.value - Whether the status bar overlays the web view (required).\n   */\n  setOverlaysWebView(options: StatusBarSetOverlaysWebViewOptions): Promise<void>;\n  /**\n   * Set the window background color.\n   * @param options - The options to set the window background color.\n   * @param options.color - The background color in HEX format.\n   */\n  setBackground(options: StatusBarSetBackgroundOptions): Promise<void>;\n  /**\n   * Get the safe area insets.\n   * Returns the insets for status bar, navigation bar, and notch areas.\n   * Values are in CSS pixels (dp) on all platforms.\n   */\n  getSafeAreaInsets(): Promise<SafeAreaInsets>;\n}\n"]}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,KAIX;AAJD,WAAY,KAAK;IACf,wBAAe,CAAA;IACf,sBAAa,CAAA;IACb,0BAAiB,CAAA;AACnB,CAAC,EAJW,KAAK,KAAL,KAAK,QAIhB;AAWD,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,mCAAa,CAAA;IACb,mCAAa,CAAA;IACb,qCAAe,CAAA;AACjB,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B","sourcesContent":["export enum Style {\n  LIGHT = 'LIGHT',\n  DARK = 'DARK',\n  CUSTOM = 'CUSTOM',\n}\n\n/**\n * Full HEX color format only (6 or 8 digits).\n * - 6 digits: #RRGGBB (e.g., #FFFFFF, #000000, #FF5733)\n * - 8 digits: #RRGGBBAA with alpha channel (e.g., #FFFFFF00, #FF5733CC)\n *\n * Note: Short 3-digit format (#FFF) is NOT supported.\n */\nexport type StatusBarColor = `#${string}`;\n\nexport enum StatusBarAnimation {\n  NONE = 'none',\n  FADE = 'fade',\n  SLIDE = 'slide',\n}\n\ntype StatusBarStyleNoDefaultOptions = {\n  style: Style;\n};\n\ntype StatusBarStyleOptions =\n  | StatusBarStyleNoDefaultOptions\n  | {\n      style: Style.CUSTOM;\n      color: StatusBarColor;\n    };\n\nexport type StatusBarOptions = StatusBarStyleOptions;\n\nexport type StatusBarShowOptions = {\n  animated: boolean;\n};\n\nexport type StatusBarHideOptions = {\n  /**\n   * The animation type for hiding the status bar.\n   * - 'fade': Makes the background transparent without removing the status bar and navigation bar.\n   * - 'slide': Hides the status bar and navigation bar completely (default behavior).\n   */\n  animation: StatusBarAnimation;\n};\n\nexport type StatusBarSetOverlaysWebViewOptions = {\n  value: boolean;\n};\n\nexport type StatusBarSetBackgroundOptions = {\n  color: StatusBarColor;\n};\n\nexport type NavigationBarShowOptions = {\n  animated: boolean;\n};\n\nexport type NavigationBarHideOptions = {\n  /**\n   * The animation type for hiding the navigation bar.\n   * - 'fade': Makes the background transparent without removing the navigation bar.\n   * - 'slide': Hides the navigation bar completely (default behavior).\n   */\n  animation: StatusBarAnimation;\n};\n\nexport type SafeAreaInsets = {\n  top: number;\n  bottom: number;\n  left: number;\n  right: number;\n};\n\nexport interface CapacitorStatusBarPlugin {\n  /**\n   * Set the status bar and navigation bar style and color.\n   * @param options - The options to set the status bar style and color.\n   * @param options.style - The style of the status bar.\n   * @param options.color - The color of the status bar.\n   */\n  setStyle(options: StatusBarOptions): Promise<void>;\n  /**\n   * Show the status bar.\n   * @param options - The options to show the status bar.\n   * @param options.animated - Whether to animate the status bar.\n   */\n  show(options: StatusBarShowOptions): Promise<void>;\n  /**\n   * Hide the status bar.\n   * @param options - The options to hide the status bar.\n   * @param options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bars completely.\n   */\n  hide(options: StatusBarHideOptions): Promise<void>;\n  /**\n   * Set whether the status bar overlays the web view.\n   *\n   * **iOS only** - On Android this is a no-op (resolves without error).\n   *\n   * - `true`: Web content extends behind the status bar (transparent background),\n   *   allowing content to be visible through the status bar area on scroll.\n   * - `false`: Restores the status bar background to the color set by `setStyle`\n   *   or falls back to the default style from Capacitor config.\n   *\n   * @param options - The options to set the status bar overlays web view.\n   * @param options.value - Whether the status bar overlays the web view (required).\n   */\n  setOverlaysWebView(options: StatusBarSetOverlaysWebViewOptions): Promise<void>;\n  /**\n   * Set the window background color.\n   * @param options - The options to set the window background color.\n   * @param options.color - The background color in HEX format.\n   */\n  setBackground(options: StatusBarSetBackgroundOptions): Promise<void>;\n  /**\n   * Show the navigation bar.\n   * @param options - The options to show the navigation bar.\n   * @param options.animated - Whether to animate the navigation bar.\n   */\n  showNavigationBar(options: NavigationBarShowOptions): Promise<void>;\n  /**\n   * Hide the navigation bar.\n   * @param options - The options to hide the navigation bar.\n   * @param options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bar completely.\n   */\n  hideNavigationBar(options: NavigationBarHideOptions): Promise<void>;\n  /**\n   * Get the safe area insets.\n   * Returns the insets for status bar, navigation bar, and notch areas.\n   * Values are in CSS pixels (dp) on all platforms.\n   */\n  getSafeAreaInsets(): Promise<SafeAreaInsets>;\n}\n"]}

package/dist/esm/web.d.ts

@@ -1,10 +1,12 @@
 import { WebPlugin } from '@capacitor/core';
-import type { StatusBarOptions, CapacitorStatusBarPlugin, StatusBarSetOverlaysWebViewOptions, StatusBarShowOptions, StatusBarHideOptions, StatusBarSetBackgroundOptions, SafeAreaInsets } from './definitions';
+import type { StatusBarOptions, CapacitorStatusBarPlugin, StatusBarSetOverlaysWebViewOptions, StatusBarShowOptions, StatusBarHideOptions, StatusBarSetBackgroundOptions, SafeAreaInsets, NavigationBarShowOptions, NavigationBarHideOptions } from './definitions';
 export declare class CapacitorStatusBarWeb extends WebPlugin implements CapacitorStatusBarPlugin {
     setStyle(options: StatusBarOptions): Promise<void>;
     show(options: StatusBarShowOptions): Promise<void>;
     hide(options: StatusBarHideOptions): Promise<void>;
     setOverlaysWebView(options: StatusBarSetOverlaysWebViewOptions): Promise<void>;
     setBackground(options: StatusBarSetBackgroundOptions): Promise<void>;
+    showNavigationBar(options: NavigationBarShowOptions): Promise<void>;
+    hideNavigationBar(options: NavigationBarHideOptions): Promise<void>;
     getSafeAreaInsets(): Promise<SafeAreaInsets>;
 }

package/dist/esm/web.js

@@ -15,6 +15,12 @@ export class CapacitorStatusBarWeb extends WebPlugin {
     async setBackground(options) {
         console.log('setBackground', options);
     }
+    async showNavigationBar(options) {
+        console.log('showNavigationBar', options);
+    }
+    async hideNavigationBar(options) {
+        console.log('hideNavigationBar', options);
+    }
     async getSafeAreaInsets() {
         // On web, we can use CSS environment variables to get safe area insets
         // These are set by the browser on devices with notches, etc.

package/dist/esm/web.js.map

@@ -1 +1 @@
-{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAY5C,MAAM,OAAO,qBAAsB,SAAQ,SAAS;IAClD,KAAK,CAAC,QAAQ,CAAC,OAAyB;QACtC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,OAA6B;QACtC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,OAA6B;QACtC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,kBAAkB,CAAC,OAA2C;QAClE,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;IAC7C,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,OAAsC;QACxD,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,uEAAuE;QACvE,6DAA6D;QAC7D,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAU,EAAE;YACjD,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;YAC3F,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,MAAM,MAAM,GAAmB;YAC7B,GAAG,EAAE,aAAa,CAAC,0BAA0B,CAAC,IAAI,aAAa,CAAC,+BAA+B,CAAC,IAAI,CAAC;YACrG,MAAM,EAAE,aAAa,CAAC,6BAA6B,CAAC,IAAI,aAAa,CAAC,kCAAkC,CAAC,IAAI,CAAC;YAC9G,IAAI,EAAE,aAAa,CAAC,2BAA2B,CAAC,IAAI,aAAa,CAAC,gCAAgC,CAAC,IAAI,CAAC;YACxG,KAAK,EAAE,aAAa,CAAC,4BAA4B,CAAC,IAAI,aAAa,CAAC,iCAAiC,CAAC,IAAI,CAAC;SAC5G,CAAC;QAEF,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;QACzC,OAAO,MAAM,CAAC;IAChB,CAAC;CACF","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  StatusBarOptions,\n  CapacitorStatusBarPlugin,\n  StatusBarSetOverlaysWebViewOptions,\n  StatusBarShowOptions,\n  StatusBarHideOptions,\n  StatusBarSetBackgroundOptions,\n  SafeAreaInsets,\n} from './definitions';\n\nexport class CapacitorStatusBarWeb extends WebPlugin implements CapacitorStatusBarPlugin {\n  async setStyle(options: StatusBarOptions): Promise<void> {\n    console.log('setStyle', options);\n  }\n\n  async show(options: StatusBarShowOptions): Promise<void> {\n    console.log('show', options);\n  }\n\n  async hide(options: StatusBarHideOptions): Promise<void> {\n    console.log('hide', options);\n  }\n\n  async setOverlaysWebView(options: StatusBarSetOverlaysWebViewOptions): Promise<void> {\n    console.log('setOverlaysWebView', options);\n  }\n\n  async setBackground(options: StatusBarSetBackgroundOptions): Promise<void> {\n    console.log('setBackground', options);\n  }\n\n  async getSafeAreaInsets(): Promise<SafeAreaInsets> {\n    // On web, we can use CSS environment variables to get safe area insets\n    // These are set by the browser on devices with notches, etc.\n    const getInsetValue = (variable: string): number => {\n      const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n      return value ? parseInt(value, 10) : 0;\n    };\n\n    const insets: SafeAreaInsets = {\n      top: getInsetValue('env(safe-area-inset-top)') || getInsetValue('constant(safe-area-inset-top)') || 0,\n      bottom: getInsetValue('env(safe-area-inset-bottom)') || getInsetValue('constant(safe-area-inset-bottom)') || 0,\n      left: getInsetValue('env(safe-area-inset-left)') || getInsetValue('constant(safe-area-inset-left)') || 0,\n      right: getInsetValue('env(safe-area-inset-right)') || getInsetValue('constant(safe-area-inset-right)') || 0,\n    };\n\n    console.log('getSafeAreaInsets', insets);\n    return insets;\n  }\n}\n"]}
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAc5C,MAAM,OAAO,qBAAsB,SAAQ,SAAS;IAClD,KAAK,CAAC,QAAQ,CAAC,OAAyB;QACtC,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,OAA6B;QACtC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,OAA6B;QACtC,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,CAAC;IAED,KAAK,CAAC,kBAAkB,CAAC,OAA2C;QAClE,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,OAAO,CAAC,CAAC;IAC7C,CAAC;IAED,KAAK,CAAC,aAAa,CAAC,OAAsC;QACxD,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;IACxC,CAAC;IAED,KAAK,CAAC,iBAAiB,CAAC,OAAiC;QACvD,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;IAC5C,CAAC;IAED,KAAK,CAAC,iBAAiB,CAAC,OAAiC;QACvD,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,OAAO,CAAC,CAAC;IAC5C,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,uEAAuE;QACvE,6DAA6D;QAC7D,MAAM,aAAa,GAAG,CAAC,QAAgB,EAAU,EAAE;YACjD,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,CAAC;YAC3F,OAAO,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACzC,CAAC,CAAC;QAEF,MAAM,MAAM,GAAmB;YAC7B,GAAG,EAAE,aAAa,CAAC,0BAA0B,CAAC,IAAI,aAAa,CAAC,+BAA+B,CAAC,IAAI,CAAC;YACrG,MAAM,EAAE,aAAa,CAAC,6BAA6B,CAAC,IAAI,aAAa,CAAC,kCAAkC,CAAC,IAAI,CAAC;YAC9G,IAAI,EAAE,aAAa,CAAC,2BAA2B,CAAC,IAAI,aAAa,CAAC,gCAAgC,CAAC,IAAI,CAAC;YACxG,KAAK,EAAE,aAAa,CAAC,4BAA4B,CAAC,IAAI,aAAa,CAAC,iCAAiC,CAAC,IAAI,CAAC;SAC5G,CAAC;QAEF,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,MAAM,CAAC,CAAC;QACzC,OAAO,MAAM,CAAC;IAChB,CAAC;CACF","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  StatusBarOptions,\n  CapacitorStatusBarPlugin,\n  StatusBarSetOverlaysWebViewOptions,\n  StatusBarShowOptions,\n  StatusBarHideOptions,\n  StatusBarSetBackgroundOptions,\n  SafeAreaInsets,\n  NavigationBarShowOptions,\n  NavigationBarHideOptions,\n} from './definitions';\n\nexport class CapacitorStatusBarWeb extends WebPlugin implements CapacitorStatusBarPlugin {\n  async setStyle(options: StatusBarOptions): Promise<void> {\n    console.log('setStyle', options);\n  }\n\n  async show(options: StatusBarShowOptions): Promise<void> {\n    console.log('show', options);\n  }\n\n  async hide(options: StatusBarHideOptions): Promise<void> {\n    console.log('hide', options);\n  }\n\n  async setOverlaysWebView(options: StatusBarSetOverlaysWebViewOptions): Promise<void> {\n    console.log('setOverlaysWebView', options);\n  }\n\n  async setBackground(options: StatusBarSetBackgroundOptions): Promise<void> {\n    console.log('setBackground', options);\n  }\n\n  async showNavigationBar(options: NavigationBarShowOptions): Promise<void> {\n    console.log('showNavigationBar', options);\n  }\n\n  async hideNavigationBar(options: NavigationBarHideOptions): Promise<void> {\n    console.log('hideNavigationBar', options);\n  }\n\n  async getSafeAreaInsets(): Promise<SafeAreaInsets> {\n    // On web, we can use CSS environment variables to get safe area insets\n    // These are set by the browser on devices with notches, etc.\n    const getInsetValue = (variable: string): number => {\n      const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n      return value ? parseInt(value, 10) : 0;\n    };\n\n    const insets: SafeAreaInsets = {\n      top: getInsetValue('env(safe-area-inset-top)') || getInsetValue('constant(safe-area-inset-top)') || 0,\n      bottom: getInsetValue('env(safe-area-inset-bottom)') || getInsetValue('constant(safe-area-inset-bottom)') || 0,\n      left: getInsetValue('env(safe-area-inset-left)') || getInsetValue('constant(safe-area-inset-left)') || 0,\n      right: getInsetValue('env(safe-area-inset-right)') || getInsetValue('constant(safe-area-inset-right)') || 0,\n    };\n\n    console.log('getSafeAreaInsets', insets);\n    return insets;\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -35,6 +35,12 @@ class CapacitorStatusBarWeb extends core.WebPlugin {
     async setBackground(options) {
         console.log('setBackground', options);
     }
+    async showNavigationBar(options) {
+        console.log('showNavigationBar', options);
+    }
+    async hideNavigationBar(options) {
+        console.log('hideNavigationBar', options);
+    }
     async getSafeAreaInsets() {
         // On web, we can use CSS environment variables to get safe area insets
         // These are set by the browser on devices with notches, etc.

package/dist/plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs.js","sources":["esm/definitions.js","esm/index.js","esm/web.js"],"sourcesContent":["export var Style;\n(function (Style) {\n    Style[\"LIGHT\"] = \"LIGHT\";\n    Style[\"DARK\"] = \"DARK\";\n    Style[\"CUSTOM\"] = \"CUSTOM\";\n})(Style || (Style = {}));\nexport var StatusBarAnimation;\n(function (StatusBarAnimation) {\n    StatusBarAnimation[\"NONE\"] = \"none\";\n    StatusBarAnimation[\"FADE\"] = \"fade\";\n    StatusBarAnimation[\"SLIDE\"] = \"slide\";\n})(StatusBarAnimation || (StatusBarAnimation = {}));\n//# sourceMappingURL=definitions.js.map","import { registerPlugin } from '@capacitor/core';\nconst CapacitorStatusBar = registerPlugin('CapacitorStatusBar', {\n    web: () => import('./web').then((m) => new m.CapacitorStatusBarWeb()),\n});\nexport * from './definitions';\nexport { CapacitorStatusBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapacitorStatusBarWeb extends WebPlugin {\n    async setStyle(options) {\n        console.log('setStyle', options);\n    }\n    async show(options) {\n        console.log('show', options);\n    }\n    async hide(options) {\n        console.log('hide', options);\n    }\n    async setOverlaysWebView(options) {\n        console.log('setOverlaysWebView', options);\n    }\n    async setBackground(options) {\n        console.log('setBackground', options);\n    }\n    async getSafeAreaInsets() {\n        // On web, we can use CSS environment variables to get safe area insets\n        // These are set by the browser on devices with notches, etc.\n        const getInsetValue = (variable) => {\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            return value ? parseInt(value, 10) : 0;\n        };\n        const insets = {\n            top: getInsetValue('env(safe-area-inset-top)') || getInsetValue('constant(safe-area-inset-top)') || 0,\n            bottom: getInsetValue('env(safe-area-inset-bottom)') || getInsetValue('constant(safe-area-inset-bottom)') || 0,\n            left: getInsetValue('env(safe-area-inset-left)') || getInsetValue('constant(safe-area-inset-left)') || 0,\n            right: getInsetValue('env(safe-area-inset-right)') || getInsetValue('constant(safe-area-inset-right)') || 0,\n        };\n        console.log('getSafeAreaInsets', insets);\n        return insets;\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["Style","StatusBarAnimation","registerPlugin","WebPlugin"],"mappings":";;;;AAAWA;AACX,CAAC,UAAU,KAAK,EAAE;AAClB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO;AAC5B,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM;AAC1B,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ;AAC9B,CAAC,EAAEA,aAAK,KAAKA,aAAK,GAAG,EAAE,CAAC,CAAC;AACdC;AACX,CAAC,UAAU,kBAAkB,EAAE;AAC/B,IAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG,MAAM;AACvC,IAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG,MAAM;AACvC,IAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG,OAAO;AACzC,CAAC,EAAEA,0BAAkB,KAAKA,0BAAkB,GAAG,EAAE,CAAC,CAAC;;ACV9C,MAAC,kBAAkB,GAAGC,mBAAc,CAAC,oBAAoB,EAAE;AAChE,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,qBAAqB,EAAE,CAAC;AACzE,CAAC;;ACFM,MAAM,qBAAqB,SAASC,cAAS,CAAC;AACrD,IAAI,MAAM,QAAQ,CAAC,OAAO,EAAE;AAC5B,QAAQ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC;AACxC,IAAI;AACJ,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE;AACxB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;AACpC,IAAI;AACJ,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE;AACxB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;AACpC,IAAI;AACJ,IAAI,MAAM,kBAAkB,CAAC,OAAO,EAAE;AACtC,QAAQ,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,OAAO,CAAC;AAClD,IAAI;AACJ,IAAI,MAAM,aAAa,CAAC,OAAO,EAAE;AACjC,QAAQ,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC;AAC7C,IAAI;AACJ,IAAI,MAAM,iBAAiB,GAAG;AAC9B;AACA;AACA,QAAQ,MAAM,aAAa,GAAG,CAAC,QAAQ,KAAK;AAC5C,YAAY,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE;AACtG,YAAY,OAAO,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC;AAClD,QAAQ,CAAC;AACT,QAAQ,MAAM,MAAM,GAAG;AACvB,YAAY,GAAG,EAAE,aAAa,CAAC,0BAA0B,CAAC,IAAI,aAAa,CAAC,+BAA+B,CAAC,IAAI,CAAC;AACjH,YAAY,MAAM,EAAE,aAAa,CAAC,6BAA6B,CAAC,IAAI,aAAa,CAAC,kCAAkC,CAAC,IAAI,CAAC;AAC1H,YAAY,IAAI,EAAE,aAAa,CAAC,2BAA2B,CAAC,IAAI,aAAa,CAAC,gCAAgC,CAAC,IAAI,CAAC;AACpH,YAAY,KAAK,EAAE,aAAa,CAAC,4BAA4B,CAAC,IAAI,aAAa,CAAC,iCAAiC,CAAC,IAAI,CAAC;AACvH,SAAS;AACT,QAAQ,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,MAAM,CAAC;AAChD,QAAQ,OAAO,MAAM;AACrB,IAAI;AACJ;;;;;;;;;"}
+{"version":3,"file":"plugin.cjs.js","sources":["esm/definitions.js","esm/index.js","esm/web.js"],"sourcesContent":["export var Style;\n(function (Style) {\n    Style[\"LIGHT\"] = \"LIGHT\";\n    Style[\"DARK\"] = \"DARK\";\n    Style[\"CUSTOM\"] = \"CUSTOM\";\n})(Style || (Style = {}));\nexport var StatusBarAnimation;\n(function (StatusBarAnimation) {\n    StatusBarAnimation[\"NONE\"] = \"none\";\n    StatusBarAnimation[\"FADE\"] = \"fade\";\n    StatusBarAnimation[\"SLIDE\"] = \"slide\";\n})(StatusBarAnimation || (StatusBarAnimation = {}));\n//# sourceMappingURL=definitions.js.map","import { registerPlugin } from '@capacitor/core';\nconst CapacitorStatusBar = registerPlugin('CapacitorStatusBar', {\n    web: () => import('./web').then((m) => new m.CapacitorStatusBarWeb()),\n});\nexport * from './definitions';\nexport { CapacitorStatusBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapacitorStatusBarWeb extends WebPlugin {\n    async setStyle(options) {\n        console.log('setStyle', options);\n    }\n    async show(options) {\n        console.log('show', options);\n    }\n    async hide(options) {\n        console.log('hide', options);\n    }\n    async setOverlaysWebView(options) {\n        console.log('setOverlaysWebView', options);\n    }\n    async setBackground(options) {\n        console.log('setBackground', options);\n    }\n    async showNavigationBar(options) {\n        console.log('showNavigationBar', options);\n    }\n    async hideNavigationBar(options) {\n        console.log('hideNavigationBar', options);\n    }\n    async getSafeAreaInsets() {\n        // On web, we can use CSS environment variables to get safe area insets\n        // These are set by the browser on devices with notches, etc.\n        const getInsetValue = (variable) => {\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            return value ? parseInt(value, 10) : 0;\n        };\n        const insets = {\n            top: getInsetValue('env(safe-area-inset-top)') || getInsetValue('constant(safe-area-inset-top)') || 0,\n            bottom: getInsetValue('env(safe-area-inset-bottom)') || getInsetValue('constant(safe-area-inset-bottom)') || 0,\n            left: getInsetValue('env(safe-area-inset-left)') || getInsetValue('constant(safe-area-inset-left)') || 0,\n            right: getInsetValue('env(safe-area-inset-right)') || getInsetValue('constant(safe-area-inset-right)') || 0,\n        };\n        console.log('getSafeAreaInsets', insets);\n        return insets;\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["Style","StatusBarAnimation","registerPlugin","WebPlugin"],"mappings":"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"}

package/dist/plugin.js

@@ -34,6 +34,12 @@ var capStatusBar = (function (exports, core) {
         async setBackground(options) {
             console.log('setBackground', options);
         }
+        async showNavigationBar(options) {
+            console.log('showNavigationBar', options);
+        }
+        async hideNavigationBar(options) {
+            console.log('hideNavigationBar', options);
+        }
         async getSafeAreaInsets() {
             // On web, we can use CSS environment variables to get safe area insets
             // These are set by the browser on devices with notches, etc.

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["esm/definitions.js","esm/index.js","esm/web.js"],"sourcesContent":["export var Style;\n(function (Style) {\n    Style[\"LIGHT\"] = \"LIGHT\";\n    Style[\"DARK\"] = \"DARK\";\n    Style[\"CUSTOM\"] = \"CUSTOM\";\n})(Style || (Style = {}));\nexport var StatusBarAnimation;\n(function (StatusBarAnimation) {\n    StatusBarAnimation[\"NONE\"] = \"none\";\n    StatusBarAnimation[\"FADE\"] = \"fade\";\n    StatusBarAnimation[\"SLIDE\"] = \"slide\";\n})(StatusBarAnimation || (StatusBarAnimation = {}));\n//# sourceMappingURL=definitions.js.map","import { registerPlugin } from '@capacitor/core';\nconst CapacitorStatusBar = registerPlugin('CapacitorStatusBar', {\n    web: () => import('./web').then((m) => new m.CapacitorStatusBarWeb()),\n});\nexport * from './definitions';\nexport { CapacitorStatusBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapacitorStatusBarWeb extends WebPlugin {\n    async setStyle(options) {\n        console.log('setStyle', options);\n    }\n    async show(options) {\n        console.log('show', options);\n    }\n    async hide(options) {\n        console.log('hide', options);\n    }\n    async setOverlaysWebView(options) {\n        console.log('setOverlaysWebView', options);\n    }\n    async setBackground(options) {\n        console.log('setBackground', options);\n    }\n    async getSafeAreaInsets() {\n        // On web, we can use CSS environment variables to get safe area insets\n        // These are set by the browser on devices with notches, etc.\n        const getInsetValue = (variable) => {\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            return value ? parseInt(value, 10) : 0;\n        };\n        const insets = {\n            top: getInsetValue('env(safe-area-inset-top)') || getInsetValue('constant(safe-area-inset-top)') || 0,\n            bottom: getInsetValue('env(safe-area-inset-bottom)') || getInsetValue('constant(safe-area-inset-bottom)') || 0,\n            left: getInsetValue('env(safe-area-inset-left)') || getInsetValue('constant(safe-area-inset-left)') || 0,\n            right: getInsetValue('env(safe-area-inset-right)') || getInsetValue('constant(safe-area-inset-right)') || 0,\n        };\n        console.log('getSafeAreaInsets', insets);\n        return insets;\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["Style","StatusBarAnimation","registerPlugin","WebPlugin"],"mappings":";;;AAAWA;IACX,CAAC,UAAU,KAAK,EAAE;IAClB,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,OAAO;IAC5B,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,MAAM;IAC1B,IAAI,KAAK,CAAC,QAAQ,CAAC,GAAG,QAAQ;IAC9B,CAAC,EAAEA,aAAK,KAAKA,aAAK,GAAG,EAAE,CAAC,CAAC;AACdC;IACX,CAAC,UAAU,kBAAkB,EAAE;IAC/B,IAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG,MAAM;IACvC,IAAI,kBAAkB,CAAC,MAAM,CAAC,GAAG,MAAM;IACvC,IAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG,OAAO;IACzC,CAAC,EAAEA,0BAAkB,KAAKA,0BAAkB,GAAG,EAAE,CAAC,CAAC;;ACV9C,UAAC,kBAAkB,GAAGC,mBAAc,CAAC,oBAAoB,EAAE;IAChE,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,qBAAqB,EAAE,CAAC;IACzE,CAAC;;ICFM,MAAM,qBAAqB,SAASC,cAAS,CAAC;IACrD,IAAI,MAAM,QAAQ,CAAC,OAAO,EAAE;IAC5B,QAAQ,OAAO,CAAC,GAAG,CAAC,UAAU,EAAE,OAAO,CAAC;IACxC,IAAI;IACJ,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE;IACxB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IACpC,IAAI;IACJ,IAAI,MAAM,IAAI,CAAC,OAAO,EAAE;IACxB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IACpC,IAAI;IACJ,IAAI,MAAM,kBAAkB,CAAC,OAAO,EAAE;IACtC,QAAQ,OAAO,CAAC,GAAG,CAAC,oBAAoB,EAAE,OAAO,CAAC;IAClD,IAAI;IACJ,IAAI,MAAM,aAAa,CAAC,OAAO,EAAE;IACjC,QAAQ,OAAO,CAAC,GAAG,CAAC,eAAe,EAAE,OAAO,CAAC;IAC7C,IAAI;IACJ,IAAI,MAAM,iBAAiB,GAAG;IAC9B;IACA;IACA,QAAQ,MAAM,aAAa,GAAG,CAAC,QAAQ,KAAK;IAC5C,YAAY,MAAM,KAAK,GAAG,gBAAgB,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE;IACtG,YAAY,OAAO,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,CAAC;IAClD,QAAQ,CAAC;IACT,QAAQ,MAAM,MAAM,GAAG;IACvB,YAAY,GAAG,EAAE,aAAa,CAAC,0BAA0B,CAAC,IAAI,aAAa,CAAC,+BAA+B,CAAC,IAAI,CAAC;IACjH,YAAY,MAAM,EAAE,aAAa,CAAC,6BAA6B,CAAC,IAAI,aAAa,CAAC,kCAAkC,CAAC,IAAI,CAAC;IAC1H,YAAY,IAAI,EAAE,aAAa,CAAC,2BAA2B,CAAC,IAAI,aAAa,CAAC,gCAAgC,CAAC,IAAI,CAAC;IACpH,YAAY,KAAK,EAAE,aAAa,CAAC,4BAA4B,CAAC,IAAI,aAAa,CAAC,iCAAiC,CAAC,IAAI,CAAC;IACvH,SAAS;IACT,QAAQ,OAAO,CAAC,GAAG,CAAC,mBAAmB,EAAE,MAAM,CAAC;IAChD,QAAQ,OAAO,MAAM;IACrB,IAAI;IACJ;;;;;;;;;;;;;;;"}
+{"version":3,"file":"plugin.js","sources":["esm/definitions.js","esm/index.js","esm/web.js"],"sourcesContent":["export var Style;\n(function (Style) {\n    Style[\"LIGHT\"] = \"LIGHT\";\n    Style[\"DARK\"] = \"DARK\";\n    Style[\"CUSTOM\"] = \"CUSTOM\";\n})(Style || (Style = {}));\nexport var StatusBarAnimation;\n(function (StatusBarAnimation) {\n    StatusBarAnimation[\"NONE\"] = \"none\";\n    StatusBarAnimation[\"FADE\"] = \"fade\";\n    StatusBarAnimation[\"SLIDE\"] = \"slide\";\n})(StatusBarAnimation || (StatusBarAnimation = {}));\n//# sourceMappingURL=definitions.js.map","import { registerPlugin } from '@capacitor/core';\nconst CapacitorStatusBar = registerPlugin('CapacitorStatusBar', {\n    web: () => import('./web').then((m) => new m.CapacitorStatusBarWeb()),\n});\nexport * from './definitions';\nexport { CapacitorStatusBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapacitorStatusBarWeb extends WebPlugin {\n    async setStyle(options) {\n        console.log('setStyle', options);\n    }\n    async show(options) {\n        console.log('show', options);\n    }\n    async hide(options) {\n        console.log('hide', options);\n    }\n    async setOverlaysWebView(options) {\n        console.log('setOverlaysWebView', options);\n    }\n    async setBackground(options) {\n        console.log('setBackground', options);\n    }\n    async showNavigationBar(options) {\n        console.log('showNavigationBar', options);\n    }\n    async hideNavigationBar(options) {\n        console.log('hideNavigationBar', options);\n    }\n    async getSafeAreaInsets() {\n        // On web, we can use CSS environment variables to get safe area insets\n        // These are set by the browser on devices with notches, etc.\n        const getInsetValue = (variable) => {\n            const value = getComputedStyle(document.documentElement).getPropertyValue(variable).trim();\n            return value ? parseInt(value, 10) : 0;\n        };\n        const insets = {\n            top: getInsetValue('env(safe-area-inset-top)') || getInsetValue('constant(safe-area-inset-top)') || 0,\n            bottom: getInsetValue('env(safe-area-inset-bottom)') || getInsetValue('constant(safe-area-inset-bottom)') || 0,\n            left: getInsetValue('env(safe-area-inset-left)') || getInsetValue('constant(safe-area-inset-left)') || 0,\n            right: getInsetValue('env(safe-area-inset-right)') || getInsetValue('constant(safe-area-inset-right)') || 0,\n        };\n        console.log('getSafeAreaInsets', insets);\n        return insets;\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["Style","StatusBarAnimation","registerPlugin","WebPlugin"],"mappings":"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"}

package/ios/Sources/CapacitorStatusBarPlugin/CapacitorStatusBar.swift

@@ -251,6 +251,76 @@ import Capacitor
         }
     }
 
+    // MARK: - Navigation Bar (Home Indicator)
+
+    /// Shared flag read by the swizzled `prefersHomeIndicatorAutoHidden` override.
+    static var homeIndicatorHidden = false
+
+    @objc public func showNavigationBar(animated: Bool) {
+        DispatchQueue.main.async {
+            guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
+                  let window = windowScene.windows.first,
+                  let rootVC = window.rootViewController else {
+                print("CapacitorStatusBar: showNavigationBar - Unable to get root view controller")
+                return
+            }
+
+            CapacitorStatusBar.homeIndicatorHidden = false
+            CapacitorStatusBar.swizzleHomeIndicatorIfNeeded()
+            rootVC.setNeedsUpdateOfHomeIndicatorAutoHidden()
+
+            print("CapacitorStatusBar: showNavigationBar - animated=\(animated)")
+        }
+    }
+
+    @objc public func hideNavigationBar(animation: String) {
+        DispatchQueue.main.async {
+            guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
+                  let window = windowScene.windows.first,
+                  let rootVC = window.rootViewController else {
+                print("CapacitorStatusBar: hideNavigationBar - Unable to get root view controller")
+                return
+            }
+
+            let animationType = animation.lowercased()
+            CapacitorStatusBar.homeIndicatorHidden = true
+            CapacitorStatusBar.swizzleHomeIndicatorIfNeeded()
+            rootVC.setNeedsUpdateOfHomeIndicatorAutoHidden()
+
+            print("CapacitorStatusBar: hideNavigationBar - animation=\(animationType)")
+        }
+    }
+
+    // MARK: - Home Indicator Swizzling
+
+    private static var hasSwizzled = false
+
+    /// Swizzle `prefersHomeIndicatorAutoHidden` on the root view controller so we
+    /// can control the home indicator visibility from the plugin.
+    static func swizzleHomeIndicatorIfNeeded() {
+        guard !hasSwizzled else { return }
+        hasSwizzled = true
+
+        guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
+              let window = windowScene.windows.first,
+              let rootVC = window.rootViewController else {
+            return
+        }
+
+        let vcClass: AnyClass = type(of: rootVC)
+        let originalSelector = #selector(getter: UIViewController.prefersHomeIndicatorAutoHidden)
+        let swizzledSelector = #selector(UIViewController.capsb_prefersHomeIndicatorAutoHidden)
+
+        guard let originalMethod = class_getInstanceMethod(vcClass, originalSelector),
+              let swizzledMethod = class_getInstanceMethod(UIViewController.self, swizzledSelector) else {
+            print("CapacitorStatusBar: Failed to swizzle prefersHomeIndicatorAutoHidden")
+            return
+        }
+
+        method_exchangeImplementations(originalMethod, swizzledMethod)
+        print("CapacitorStatusBar: Swizzled prefersHomeIndicatorAutoHidden on \(vcClass)")
+    }
+
     /// Makes the status bar background view transparent
     private func makeStatusBarBackgroundTransparent() {
         guard let windowScene = UIApplication.shared.connectedScenes.first as? UIWindowScene,
@@ -329,3 +399,11 @@ import Capacitor
         return window.traitCollection.userInterfaceStyle == .dark
     }
 }
+
+// MARK: - UIViewController extension for home indicator swizzling
+
+extension UIViewController {
+    @objc func capsb_prefersHomeIndicatorAutoHidden() -> Bool {
+        return CapacitorStatusBar.homeIndicatorHidden
+    }
+}

package/ios/Sources/CapacitorStatusBarPlugin/CapacitorStatusBarPlugin.swift

@@ -15,6 +15,8 @@ public class CapacitorStatusBarPlugin: CAPPlugin, CAPBridgedPlugin {
         CAPPluginMethod(name: "hide", returnType: CAPPluginReturnPromise),
         CAPPluginMethod(name: "setOverlaysWebView", returnType: CAPPluginReturnPromise),
         CAPPluginMethod(name: "setBackground", returnType: CAPPluginReturnPromise),
+        CAPPluginMethod(name: "showNavigationBar", returnType: CAPPluginReturnPromise),
+        CAPPluginMethod(name: "hideNavigationBar", returnType: CAPPluginReturnPromise),
         CAPPluginMethod(name: "getSafeAreaInsets", returnType: CAPPluginReturnPromise)
     ]
     private let implementation = CapacitorStatusBar()
@@ -68,6 +70,21 @@ public class CapacitorStatusBarPlugin: CAPPlugin, CAPBridgedPlugin {
         call.resolve()
     }
 
+    @objc func showNavigationBar(_ call: CAPPluginCall) {
+        let animated = call.getBool("animated") ?? true
+        implementation.showNavigationBar(animated: animated)
+        call.resolve()
+    }
+
+    @objc func hideNavigationBar(_ call: CAPPluginCall) {
+        guard let animation = call.getString("animation") else {
+            call.reject("animation is required")
+            return
+        }
+        implementation.hideNavigationBar(animation: animation)
+        call.resolve()
+    }
+
     @objc func getSafeAreaInsets(_ call: CAPPluginCall) {
         implementation.getSafeAreaInsets { insets in
             call.resolve([

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-plugin-status-bar",
-  "version": "2.0.4",
+  "version": "2.0.5",
   "description": "Capacitor plugin for managing the status bar style, visibility, and color on iOS and Android. Control overlay modes, background colors, and appearance for native mobile applications.",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",