@capgo/capacitor-navigation-bar 7.1.2 → 7.1.8

package/README.md

@@ -21,6 +21,7 @@ npx cap sync
 
 * [`setNavigationBarColor(...)`](#setnavigationbarcolor)
 * [`getNavigationBarColor()`](#getnavigationbarcolor)
+* [Enums](#enums)
 
 </docgen-index>
 
@@ -30,12 +31,12 @@ npx cap sync
 ### setNavigationBarColor(...)
 
 ```typescript
-setNavigationBarColor(options: { color: string; }) => Promise<void>
+setNavigationBarColor(options: { color: NavigationBarColor | string; buttonStyle?: NavigationBarButtonStyle; }) => Promise<void>
 ```
 
-| Param         | Type                            |
-| ------------- | ------------------------------- |
-| **`options`** | <code>{ color: string; }</code> |
+| Param         | Type                                                                                                            |
+| ------------- | --------------------------------------------------------------------------------------------------------------- |
+| **`options`** | <code>{ color: string; buttonStyle?: <a href="#navigationbarbuttonstyle">NavigationBarButtonStyle</a>; }</code> |
 
 --------------------
 
@@ -43,11 +44,31 @@ setNavigationBarColor(options: { color: string; }) => Promise<void>
 ### getNavigationBarColor()
 
 ```typescript
-getNavigationBarColor() => Promise<{ color: string; }>
+getNavigationBarColor() => Promise<{ color: string; buttonStyle: NavigationBarButtonStyle; }>
 ```
 
-**Returns:** <code>Promise&lt;{ color: string; }&gt;</code>
+**Returns:** <code>Promise&lt;{ color: string; buttonStyle: <a href="#navigationbarbuttonstyle">NavigationBarButtonStyle</a>; }&gt;</code>
 
 --------------------
 
+
+### Enums
+
+
+#### NavigationBarColor
+
+| Members           | Value                      |
+| ----------------- | -------------------------- |
+| **`WHITE`**       | <code>"#FFFFFF"</code>     |
+| **`BLACK`**       | <code>"#000000"</code>     |
+| **`TRANSPARENT`** | <code>"transparent"</code> |
+
+
+#### NavigationBarButtonStyle
+
+| Members     | Value                  |
+| ----------- | ---------------------- |
+| **`LIGHT`** | <code>"#FFFFFF"</code> |
+| **`DARK`**  | <code>"#000000"</code> |
+
 </docgen-api>

package/android/src/main/java/ee/forgr/capacitor_navigation_bar/NavigationBarPlugin.java

@@ -1,6 +1,8 @@
 package ee.forgr.capacitor_navigation_bar;
 
+import android.graphics.Color;
 import android.os.Build;
+import android.view.View;
 import com.getcapacitor.JSObject;
 import com.getcapacitor.Plugin;
 import com.getcapacitor.PluginCall;
@@ -15,6 +17,8 @@ public class NavigationBarPlugin extends Plugin {
   @PluginMethod
   public void setNavigationBarColor(PluginCall call) {
     final String color = call.getString("color");
+    final String buttonStyle = call.getString("buttonStyle", "#FFFFFF");
+
     if (color == null) {
       call.reject("Color must be provided");
       return;
@@ -23,18 +27,51 @@ public class NavigationBarPlugin extends Plugin {
     getBridge()
       .executeOnMainThread(() -> {
         try {
-          final int parsedColor = WebColor.parseColor(
-            color.toUpperCase(Locale.ROOT)
-          );
           if (
             android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP
           ) {
-            getActivity().getWindow().setNavigationBarColor(parsedColor);
+            if ("transparent".equals(color.toLowerCase())) {
+              int flags = getActivity()
+                .getWindow()
+                .getDecorView()
+                .getSystemUiVisibility();
+              flags |=
+                View.SYSTEM_UI_FLAG_LAYOUT_HIDE_NAVIGATION |
+                View.SYSTEM_UI_FLAG_LAYOUT_STABLE;
+              getActivity()
+                .getWindow()
+                .getDecorView()
+                .setSystemUiVisibility(flags);
+              getActivity()
+                .getWindow()
+                .setNavigationBarColor(Color.TRANSPARENT);
+            } else {
+              final int parsedColor = WebColor.parseColor(
+                color.toUpperCase(Locale.ROOT)
+              );
+              getActivity().getWindow().setNavigationBarColor(parsedColor);
+            }
+
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+              int flags = getActivity()
+                .getWindow()
+                .getDecorView()
+                .getSystemUiVisibility();
+              if (buttonStyle.equals("#000000")) {
+                flags |= View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR;
+              } else {
+                flags &= ~View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR;
+              }
+              getActivity()
+                .getWindow()
+                .getDecorView()
+                .setSystemUiVisibility(flags);
+            }
           }
           call.resolve();
         } catch (IllegalArgumentException ex) {
           call.reject(
-            "Invalid color provided. Must be a hex string (ex: #ff0000"
+            "Invalid color provided. Must be a hex color (#RRGGBB) or 'transparent'"
           );
         }
       });
@@ -45,22 +82,35 @@ public class NavigationBarPlugin extends Plugin {
     getBridge()
       .executeOnMainThread(() -> {
         try {
+          JSObject ret = new JSObject();
           if (
             android.os.Build.VERSION.SDK_INT >= Build.VERSION_CODES.LOLLIPOP
           ) {
-            JSObject ret = new JSObject();
             int intColor = getActivity().getWindow().getNavigationBarColor();
             String hexColor = String.format("#%06X", (0xFFFFFF & intColor));
             ret.put("color", hexColor);
+
+            String buttonStyle = "#FFFFFF"; // LIGHT
+            if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
+              int flags = getActivity()
+                .getWindow()
+                .getDecorView()
+                .getSystemUiVisibility();
+              if ((flags & View.SYSTEM_UI_FLAG_LIGHT_NAVIGATION_BAR) != 0) {
+                buttonStyle = "#000000"; // DARK
+              }
+            }
+            ret.put("buttonStyle", buttonStyle);
+
             call.resolve(ret);
             return;
           }
-          JSObject ret = new JSObject();
           ret.put("color", "#000000");
+          ret.put("buttonStyle", "#FFFFFF");
           call.resolve(ret);
         } catch (IllegalArgumentException ex) {
           call.reject(
-            "Invalid color provided. Must be a hex string (ex: #ff0000"
+            "Invalid color provided. Must be a hex color (#RRGGBB or #RRGGBBAA for transparency)"
           );
         }
       });

package/dist/docs.json

@@ -7,35 +7,83 @@
     "methods": [
       {
         "name": "setNavigationBarColor",
-        "signature": "(options: { color: string; }) => Promise<void>",
+        "signature": "(options: { color: NavigationBarColor | string; buttonStyle?: NavigationBarButtonStyle; }) => Promise<void>",
         "parameters": [
           {
             "name": "options",
             "docs": "",
-            "type": "{ color: string; }"
+            "type": "{ color: string; buttonStyle?: NavigationBarButtonStyle | undefined; }"
           }
         ],
         "returns": "Promise<void>",
         "tags": [],
         "docs": "",
-        "complexTypes": [],
+        "complexTypes": [
+          "NavigationBarColor",
+          "NavigationBarButtonStyle"
+        ],
         "slug": "setnavigationbarcolor"
       },
       {
         "name": "getNavigationBarColor",
-        "signature": "() => Promise<{ color: string; }>",
+        "signature": "() => Promise<{ color: string; buttonStyle: NavigationBarButtonStyle; }>",
         "parameters": [],
-        "returns": "Promise<{ color: string; }>",
+        "returns": "Promise<{ color: string; buttonStyle: NavigationBarButtonStyle; }>",
         "tags": [],
         "docs": "",
-        "complexTypes": [],
+        "complexTypes": [
+          "NavigationBarButtonStyle"
+        ],
         "slug": "getnavigationbarcolor"
       }
     ],
     "properties": []
   },
   "interfaces": [],
-  "enums": [],
+  "enums": [
+    {
+      "name": "NavigationBarColor",
+      "slug": "navigationbarcolor",
+      "members": [
+        {
+          "name": "WHITE",
+          "value": "\"#FFFFFF\"",
+          "tags": [],
+          "docs": ""
+        },
+        {
+          "name": "BLACK",
+          "value": "\"#000000\"",
+          "tags": [],
+          "docs": ""
+        },
+        {
+          "name": "TRANSPARENT",
+          "value": "\"transparent\"",
+          "tags": [],
+          "docs": ""
+        }
+      ]
+    },
+    {
+      "name": "NavigationBarButtonStyle",
+      "slug": "navigationbarbuttonstyle",
+      "members": [
+        {
+          "name": "LIGHT",
+          "value": "\"#FFFFFF\"",
+          "tags": [],
+          "docs": ""
+        },
+        {
+          "name": "DARK",
+          "value": "\"#000000\"",
+          "tags": [],
+          "docs": ""
+        }
+      ]
+    }
+  ],
   "typeAliases": [],
   "pluginConfigs": []
 }

package/dist/esm/definitions.d.ts

@@ -1,8 +1,19 @@
+export declare enum NavigationBarButtonStyle {
+    LIGHT = "#FFFFFF",
+    DARK = "#000000"
+}
+export declare enum NavigationBarColor {
+    WHITE = "#FFFFFF",
+    BLACK = "#000000",
+    TRANSPARENT = "transparent"
+}
 export interface NavigationBarPlugin {
     setNavigationBarColor(options: {
-        color: string;
+        color: NavigationBarColor | string;
+        buttonStyle?: NavigationBarButtonStyle;
     }): Promise<void>;
     getNavigationBarColor(): Promise<{
         color: string;
+        buttonStyle: NavigationBarButtonStyle;
     }>;
 }

package/dist/esm/definitions.js

@@ -1,2 +1,12 @@
-export {};
+export var NavigationBarButtonStyle;
+(function (NavigationBarButtonStyle) {
+    NavigationBarButtonStyle["LIGHT"] = "#FFFFFF";
+    NavigationBarButtonStyle["DARK"] = "#000000";
+})(NavigationBarButtonStyle || (NavigationBarButtonStyle = {}));
+export var NavigationBarColor;
+(function (NavigationBarColor) {
+    NavigationBarColor["WHITE"] = "#FFFFFF";
+    NavigationBarColor["BLACK"] = "#000000";
+    NavigationBarColor["TRANSPARENT"] = "transparent";
+})(NavigationBarColor || (NavigationBarColor = {}));
 //# sourceMappingURL=definitions.js.map

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export interface NavigationBarPlugin {\n  setNavigationBarColor(options: { color: string }): Promise<void>;\n  getNavigationBarColor(): Promise<{ color: string }>;\n}\n"]}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,wBAGX;AAHD,WAAY,wBAAwB;IAClC,6CAAiB,CAAA;IACjB,4CAAgB,CAAA;AAClB,CAAC,EAHW,wBAAwB,KAAxB,wBAAwB,QAGnC;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,uCAAiB,CAAA;IACjB,uCAAiB,CAAA;IACjB,iDAA2B,CAAA;AAC7B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B","sourcesContent":["export enum NavigationBarButtonStyle {\n  LIGHT = \"#FFFFFF\",\n  DARK = \"#000000\",\n}\n\nexport enum NavigationBarColor {\n  WHITE = \"#FFFFFF\",\n  BLACK = \"#000000\",\n  TRANSPARENT = \"transparent\",\n}\n\nexport interface NavigationBarPlugin {\n  setNavigationBarColor(options: {\n    color: NavigationBarColor | string; // Predefined colors or any valid hex\n    buttonStyle?: NavigationBarButtonStyle; // Button color theme\n  }): Promise<void>;\n  getNavigationBarColor(): Promise<{\n    color: string;\n    buttonStyle: NavigationBarButtonStyle;\n  }>;\n}\n"]}

package/dist/esm/web.d.ts

@@ -1,4 +1,5 @@
 import { WebPlugin } from "@capacitor/core";
+import { NavigationBarButtonStyle } from "./definitions";
 import type { NavigationBarPlugin } from "./definitions";
 export declare class NavigationBarWeb extends WebPlugin implements NavigationBarPlugin {
     setNavigationBarColor(options: {
@@ -6,5 +7,6 @@ export declare class NavigationBarWeb extends WebPlugin implements NavigationBar
     }): Promise<void>;
     getNavigationBarColor(): Promise<{
         color: string;
+        buttonStyle: NavigationBarButtonStyle;
     }>;
 }

package/dist/esm/web.js

@@ -1,4 +1,5 @@
 import { WebPlugin } from "@capacitor/core";
+import { NavigationBarButtonStyle } from "./definitions";
 export class NavigationBarWeb extends WebPlugin {
     async setNavigationBarColor(options) {
         console.log("Cannot setNavigationBarColor on web", options);
@@ -6,7 +7,7 @@ export class NavigationBarWeb extends WebPlugin {
     }
     async getNavigationBarColor() {
         console.log("Cannot getNavigationBarColor on web");
-        return { color: "#000000" };
+        return { color: "#000000", buttonStyle: NavigationBarButtonStyle.DARK };
     }
 }
 //# sourceMappingURL=web.js.map

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;AAI5C,MAAM,OAAO,gBAAiB,SAAQ,SAAS;IAC7C,KAAK,CAAC,qBAAqB,CAAC,OAA0B;QACpD,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,OAAO,CAAC,CAAC;QAC5D,OAAO;IACT,CAAC;IACD,KAAK,CAAC,qBAAqB;QACzB,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;QACnD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC;IAC9B,CAAC;CACF","sourcesContent":["import { WebPlugin } from \"@capacitor/core\";\n\nimport type { NavigationBarPlugin } from \"./definitions\";\n\nexport class NavigationBarWeb extends WebPlugin implements NavigationBarPlugin {\n  async setNavigationBarColor(options: { color: string }): Promise<void> {\n    console.log(\"Cannot setNavigationBarColor on web\", options);\n    return;\n  }\n  async getNavigationBarColor(): Promise<{ color: string }> {\n    console.log(\"Cannot getNavigationBarColor on web\");\n    return { color: \"#000000\" };\n  }\n}\n"]}
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,wBAAwB,EAAE,MAAM,eAAe,CAAC;AAGzD,MAAM,OAAO,gBAAiB,SAAQ,SAAS;IAC7C,KAAK,CAAC,qBAAqB,CAAC,OAA0B;QACpD,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,OAAO,CAAC,CAAC;QAC5D,OAAO;IACT,CAAC;IACD,KAAK,CAAC,qBAAqB;QAIzB,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC,CAAC;QACnD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAE,wBAAwB,CAAC,IAAI,EAAE,CAAC;IAC1E,CAAC;CACF","sourcesContent":["import { WebPlugin } from \"@capacitor/core\";\n\nimport { NavigationBarButtonStyle } from \"./definitions\";\nimport type { NavigationBarPlugin } from \"./definitions\";\n\nexport class NavigationBarWeb extends WebPlugin implements NavigationBarPlugin {\n  async setNavigationBarColor(options: { color: string }): Promise<void> {\n    console.log(\"Cannot setNavigationBarColor on web\", options);\n    return;\n  }\n  async getNavigationBarColor(): Promise<{\n    color: string;\n    buttonStyle: NavigationBarButtonStyle;\n  }> {\n    console.log(\"Cannot getNavigationBarColor on web\");\n    return { color: \"#000000\", buttonStyle: NavigationBarButtonStyle.DARK };\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -2,6 +2,18 @@
 
 var core = require('@capacitor/core');
 
+exports.NavigationBarButtonStyle = void 0;
+(function (NavigationBarButtonStyle) {
+    NavigationBarButtonStyle["LIGHT"] = "#FFFFFF";
+    NavigationBarButtonStyle["DARK"] = "#000000";
+})(exports.NavigationBarButtonStyle || (exports.NavigationBarButtonStyle = {}));
+exports.NavigationBarColor = void 0;
+(function (NavigationBarColor) {
+    NavigationBarColor["WHITE"] = "#FFFFFF";
+    NavigationBarColor["BLACK"] = "#000000";
+    NavigationBarColor["TRANSPARENT"] = "transparent";
+})(exports.NavigationBarColor || (exports.NavigationBarColor = {}));
+
 const NavigationBar = core.registerPlugin("NavigationBar", {
     web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.NavigationBarWeb()),
 });
@@ -13,7 +25,7 @@ class NavigationBarWeb extends core.WebPlugin {
     }
     async getNavigationBarColor() {
         console.log("Cannot getNavigationBarColor on web");
-        return { color: "#000000" };
+        return { color: "#000000", buttonStyle: exports.NavigationBarButtonStyle.DARK };
     }
 }
 

package/dist/plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from \"@capacitor/core\";\nconst NavigationBar = registerPlugin(\"NavigationBar\", {\n    web: () => import(\"./web\").then((m) => new m.NavigationBarWeb()),\n});\nexport * from \"./definitions\";\nexport { NavigationBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from \"@capacitor/core\";\nexport class NavigationBarWeb extends WebPlugin {\n    async setNavigationBarColor(options) {\n        console.log(\"Cannot setNavigationBarColor on web\", options);\n        return;\n    }\n    async getNavigationBarColor() {\n        console.log(\"Cannot getNavigationBarColor on web\");\n        return { color: \"#000000\" };\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":";;;;AACK,MAAC,aAAa,GAAGA,mBAAc,CAAC,eAAe,EAAE;AACtD,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;AACpE,CAAC;;ACFM,MAAM,gBAAgB,SAASC,cAAS,CAAC;AAChD,IAAI,MAAM,qBAAqB,CAAC,OAAO,EAAE;AACzC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,OAAO,CAAC;AACnE,QAAQ;AACR;AACA,IAAI,MAAM,qBAAqB,GAAG;AAClC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC;AAC1D,QAAQ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;AACnC;AACA;;;;;;;;;"}
+{"version":3,"file":"plugin.cjs.js","sources":["esm/definitions.js","esm/index.js","esm/web.js"],"sourcesContent":["export var NavigationBarButtonStyle;\n(function (NavigationBarButtonStyle) {\n    NavigationBarButtonStyle[\"LIGHT\"] = \"#FFFFFF\";\n    NavigationBarButtonStyle[\"DARK\"] = \"#000000\";\n})(NavigationBarButtonStyle || (NavigationBarButtonStyle = {}));\nexport var NavigationBarColor;\n(function (NavigationBarColor) {\n    NavigationBarColor[\"WHITE\"] = \"#FFFFFF\";\n    NavigationBarColor[\"BLACK\"] = \"#000000\";\n    NavigationBarColor[\"TRANSPARENT\"] = \"transparent\";\n})(NavigationBarColor || (NavigationBarColor = {}));\n//# sourceMappingURL=definitions.js.map","import { registerPlugin } from \"@capacitor/core\";\nconst NavigationBar = registerPlugin(\"NavigationBar\", {\n    web: () => import(\"./web\").then((m) => new m.NavigationBarWeb()),\n});\nexport * from \"./definitions\";\nexport { NavigationBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from \"@capacitor/core\";\nimport { NavigationBarButtonStyle } from \"./definitions\";\nexport class NavigationBarWeb extends WebPlugin {\n    async setNavigationBarColor(options) {\n        console.log(\"Cannot setNavigationBarColor on web\", options);\n        return;\n    }\n    async getNavigationBarColor() {\n        console.log(\"Cannot getNavigationBarColor on web\");\n        return { color: \"#000000\", buttonStyle: NavigationBarButtonStyle.DARK };\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["NavigationBarButtonStyle","NavigationBarColor","registerPlugin","WebPlugin"],"mappings":";;;;AAAWA;AACX,CAAC,UAAU,wBAAwB,EAAE;AACrC,IAAI,wBAAwB,CAAC,OAAO,CAAC,GAAG,SAAS;AACjD,IAAI,wBAAwB,CAAC,MAAM,CAAC,GAAG,SAAS;AAChD,CAAC,EAAEA,gCAAwB,KAAKA,gCAAwB,GAAG,EAAE,CAAC,CAAC;AACpDC;AACX,CAAC,UAAU,kBAAkB,EAAE;AAC/B,IAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG,SAAS;AAC3C,IAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG,SAAS;AAC3C,IAAI,kBAAkB,CAAC,aAAa,CAAC,GAAG,aAAa;AACrD,CAAC,EAAEA,0BAAkB,KAAKA,0BAAkB,GAAG,EAAE,CAAC,CAAC;;ACT9C,MAAC,aAAa,GAAGC,mBAAc,CAAC,eAAe,EAAE;AACtD,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;AACpE,CAAC;;ACDM,MAAM,gBAAgB,SAASC,cAAS,CAAC;AAChD,IAAI,MAAM,qBAAqB,CAAC,OAAO,EAAE;AACzC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,OAAO,CAAC;AACnE,QAAQ;AACR;AACA,IAAI,MAAM,qBAAqB,GAAG;AAClC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC;AAC1D,QAAQ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAEH,gCAAwB,CAAC,IAAI,EAAE;AAC/E;AACA;;;;;;;;;"}

package/dist/plugin.js

@@ -1,6 +1,18 @@
 var NavigationBarPlugin = (function (exports, core) {
     'use strict';
 
+    exports.NavigationBarButtonStyle = void 0;
+    (function (NavigationBarButtonStyle) {
+        NavigationBarButtonStyle["LIGHT"] = "#FFFFFF";
+        NavigationBarButtonStyle["DARK"] = "#000000";
+    })(exports.NavigationBarButtonStyle || (exports.NavigationBarButtonStyle = {}));
+    exports.NavigationBarColor = void 0;
+    (function (NavigationBarColor) {
+        NavigationBarColor["WHITE"] = "#FFFFFF";
+        NavigationBarColor["BLACK"] = "#000000";
+        NavigationBarColor["TRANSPARENT"] = "transparent";
+    })(exports.NavigationBarColor || (exports.NavigationBarColor = {}));
+
     const NavigationBar = core.registerPlugin("NavigationBar", {
         web: () => Promise.resolve().then(function () { return web; }).then((m) => new m.NavigationBarWeb()),
     });
@@ -12,7 +24,7 @@ var NavigationBarPlugin = (function (exports, core) {
         }
         async getNavigationBarColor() {
             console.log("Cannot getNavigationBarColor on web");
-            return { color: "#000000" };
+            return { color: "#000000", buttonStyle: exports.NavigationBarButtonStyle.DARK };
         }
     }
 

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from \"@capacitor/core\";\nconst NavigationBar = registerPlugin(\"NavigationBar\", {\n    web: () => import(\"./web\").then((m) => new m.NavigationBarWeb()),\n});\nexport * from \"./definitions\";\nexport { NavigationBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from \"@capacitor/core\";\nexport class NavigationBarWeb extends WebPlugin {\n    async setNavigationBarColor(options) {\n        console.log(\"Cannot setNavigationBarColor on web\", options);\n        return;\n    }\n    async getNavigationBarColor() {\n        console.log(\"Cannot getNavigationBarColor on web\");\n        return { color: \"#000000\" };\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":";;;AACK,UAAC,aAAa,GAAGA,mBAAc,CAAC,eAAe,EAAE;IACtD,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACpE,CAAC;;ICFM,MAAM,gBAAgB,SAASC,cAAS,CAAC;IAChD,IAAI,MAAM,qBAAqB,CAAC,OAAO,EAAE;IACzC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,OAAO,CAAC;IACnE,QAAQ;IACR;IACA,IAAI,MAAM,qBAAqB,GAAG;IAClC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC;IAC1D,QAAQ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE;IACnC;IACA;;;;;;;;;;;;;;;"}
+{"version":3,"file":"plugin.js","sources":["esm/definitions.js","esm/index.js","esm/web.js"],"sourcesContent":["export var NavigationBarButtonStyle;\n(function (NavigationBarButtonStyle) {\n    NavigationBarButtonStyle[\"LIGHT\"] = \"#FFFFFF\";\n    NavigationBarButtonStyle[\"DARK\"] = \"#000000\";\n})(NavigationBarButtonStyle || (NavigationBarButtonStyle = {}));\nexport var NavigationBarColor;\n(function (NavigationBarColor) {\n    NavigationBarColor[\"WHITE\"] = \"#FFFFFF\";\n    NavigationBarColor[\"BLACK\"] = \"#000000\";\n    NavigationBarColor[\"TRANSPARENT\"] = \"transparent\";\n})(NavigationBarColor || (NavigationBarColor = {}));\n//# sourceMappingURL=definitions.js.map","import { registerPlugin } from \"@capacitor/core\";\nconst NavigationBar = registerPlugin(\"NavigationBar\", {\n    web: () => import(\"./web\").then((m) => new m.NavigationBarWeb()),\n});\nexport * from \"./definitions\";\nexport { NavigationBar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from \"@capacitor/core\";\nimport { NavigationBarButtonStyle } from \"./definitions\";\nexport class NavigationBarWeb extends WebPlugin {\n    async setNavigationBarColor(options) {\n        console.log(\"Cannot setNavigationBarColor on web\", options);\n        return;\n    }\n    async getNavigationBarColor() {\n        console.log(\"Cannot getNavigationBarColor on web\");\n        return { color: \"#000000\", buttonStyle: NavigationBarButtonStyle.DARK };\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["NavigationBarButtonStyle","NavigationBarColor","registerPlugin","WebPlugin"],"mappings":";;;AAAWA;IACX,CAAC,UAAU,wBAAwB,EAAE;IACrC,IAAI,wBAAwB,CAAC,OAAO,CAAC,GAAG,SAAS;IACjD,IAAI,wBAAwB,CAAC,MAAM,CAAC,GAAG,SAAS;IAChD,CAAC,EAAEA,gCAAwB,KAAKA,gCAAwB,GAAG,EAAE,CAAC,CAAC;AACpDC;IACX,CAAC,UAAU,kBAAkB,EAAE;IAC/B,IAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG,SAAS;IAC3C,IAAI,kBAAkB,CAAC,OAAO,CAAC,GAAG,SAAS;IAC3C,IAAI,kBAAkB,CAAC,aAAa,CAAC,GAAG,aAAa;IACrD,CAAC,EAAEA,0BAAkB,KAAKA,0BAAkB,GAAG,EAAE,CAAC,CAAC;;ACT9C,UAAC,aAAa,GAAGC,mBAAc,CAAC,eAAe,EAAE;IACtD,IAAI,GAAG,EAAE,MAAM,mDAAe,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACpE,CAAC;;ICDM,MAAM,gBAAgB,SAASC,cAAS,CAAC;IAChD,IAAI,MAAM,qBAAqB,CAAC,OAAO,EAAE;IACzC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,EAAE,OAAO,CAAC;IACnE,QAAQ;IACR;IACA,IAAI,MAAM,qBAAqB,GAAG;IAClC,QAAQ,OAAO,CAAC,GAAG,CAAC,qCAAqC,CAAC;IAC1D,QAAQ,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,WAAW,EAAEH,gCAAwB,CAAC,IAAI,EAAE;IAC/E;IACA;;;;;;;;;;;;;;;"}

package/ios/Plugin/NavigationBarPlugin.swift

@@ -11,7 +11,7 @@ public class NavigationBarPlugin: CAPPlugin, CAPBridgedPlugin {
     public let jsName = "NavigationBar"
     public let pluginMethods: [CAPPluginMethod] = [
         CAPPluginMethod(name: "setNavigationBarColor", returnType: CAPPluginReturnPromise),
-        CAPPluginMethod(name: "getNavigationBarColor", returnType: CAPPluginReturnPromise),
+        CAPPluginMethod(name: "getNavigationBarColor", returnType: CAPPluginReturnPromise)
     ]
     @objc func setNavigationBarColor(_ call: CAPPluginCall) {
         let color = call.getString("color") ?? ""

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capgo/capacitor-navigation-bar",
-  "version": "7.1.2",
+  "version": "7.1.8",
   "description": "Set navigation bar color for android lolipop and higher",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",