capacitor-plugin-status-bar 2.0.5 → 2.0.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -34,12 +34,12 @@ No additional configuration required. The plugin works out of the box on Android
34
34
  <docgen-index>
35
35
 
36
36
  * [`setStyle(...)`](#setstyle)
37
- * [`show(...)`](#show)
38
- * [`hide(...)`](#hide)
37
+ * [`show()`](#show)
38
+ * [`hide()`](#hide)
39
39
  * [`setOverlaysWebView(...)`](#setoverlayswebview)
40
40
  * [`setBackground(...)`](#setbackground)
41
- * [`showNavigationBar(...)`](#shownavigationbar)
42
- * [`hideNavigationBar(...)`](#hidenavigationbar)
41
+ * [`showNavigationBar()`](#shownavigationbar)
42
+ * [`hideNavigationBar()`](#hidenavigationbar)
43
43
  * [`getSafeAreaInsets()`](#getsafeareainsets)
44
44
  * [Type Aliases](#type-aliases)
45
45
  * [Enums](#enums)
@@ -64,32 +64,24 @@ Set the status bar and navigation bar style and color.
64
64
  --------------------
65
65
 
66
66
 
67
- ### show(...)
67
+ ### show()
68
68
 
69
69
  ```typescript
70
- show(options: StatusBarShowOptions) => Promise<void>
70
+ show() => Promise<void>
71
71
  ```
72
72
 
73
- Show the status bar.
74
-
75
- | Param | Type | Description |
76
- | ------------- | --------------------------------------------------------------------- | ------------------------------------- |
77
- | **`options`** | <code><a href="#statusbarshowoptions">StatusBarShowOptions</a></code> | - The options to show the status bar. |
73
+ Show the status bar and navigation bar.
78
74
 
79
75
  --------------------
80
76
 
81
77
 
82
- ### hide(...)
78
+ ### hide()
83
79
 
84
80
  ```typescript
85
- hide(options: StatusBarHideOptions) => Promise<void>
81
+ hide() => Promise<void>
86
82
  ```
87
83
 
88
- Hide the status bar.
89
-
90
- | Param | Type | Description |
91
- | ------------- | --------------------------------------------------------------------- | ------------------------------------- |
92
- | **`options`** | <code><a href="#statusbarhideoptions">StatusBarHideOptions</a></code> | - The options to hide the status bar. |
84
+ Hide the status bar and navigation bar with a slide animation.
93
85
 
94
86
  --------------------
95
87
 
@@ -131,32 +123,24 @@ Set the window background color.
131
123
  --------------------
132
124
 
133
125
 
134
- ### showNavigationBar(...)
126
+ ### showNavigationBar()
135
127
 
136
128
  ```typescript
137
- showNavigationBar(options: NavigationBarShowOptions) => Promise<void>
129
+ showNavigationBar() => Promise<void>
138
130
  ```
139
131
 
140
132
  Show the navigation bar.
141
133
 
142
- | Param | Type | Description |
143
- | ------------- | ----------------------------------------------------------------------------- | ----------------------------------------- |
144
- | **`options`** | <code><a href="#navigationbarshowoptions">NavigationBarShowOptions</a></code> | - The options to show the navigation bar. |
145
-
146
134
  --------------------
147
135
 
148
136
 
149
- ### hideNavigationBar(...)
137
+ ### hideNavigationBar()
150
138
 
151
139
  ```typescript
152
- hideNavigationBar(options: NavigationBarHideOptions) => Promise<void>
140
+ hideNavigationBar() => Promise<void>
153
141
  ```
154
142
 
155
- Hide the navigation bar.
156
-
157
- | Param | Type | Description |
158
- | ------------- | ----------------------------------------------------------------------------- | ----------------------------------------- |
159
- | **`options`** | <code><a href="#navigationbarhideoptions">NavigationBarHideOptions</a></code> | - The options to hide the navigation bar. |
143
+ Hide the navigation bar with a slide animation (hides completely from screen).
160
144
 
161
145
  --------------------
162
146
 
@@ -205,16 +189,6 @@ Note: Short 3-digit format (#FFF) is NOT supported.
205
189
  <code>`#${string}`</code>
206
190
 
207
191
 
208
- #### StatusBarShowOptions
209
-
210
- <code>{ animated: boolean; }</code>
211
-
212
-
213
- #### StatusBarHideOptions
214
-
215
- <code>{ /** * The animation type for hiding the status bar. * - 'fade': Makes the background transparent without removing the status bar and navigation bar. * - 'slide': Hides the status bar and navigation bar completely (default behavior). */ animation: <a href="#statusbaranimation">StatusBarAnimation</a>; }</code>
216
-
217
-
218
192
  #### StatusBarSetOverlaysWebViewOptions
219
193
 
220
194
  <code>{ value: boolean; }</code>
@@ -225,16 +199,6 @@ Note: Short 3-digit format (#FFF) is NOT supported.
225
199
  <code>{ color: <a href="#statusbarcolor">StatusBarColor</a>; }</code>
226
200
 
227
201
 
228
- #### NavigationBarShowOptions
229
-
230
- <code>{ animated: boolean; }</code>
231
-
232
-
233
- #### NavigationBarHideOptions
234
-
235
- <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>
236
-
237
-
238
202
  #### SafeAreaInsets
239
203
 
240
204
  <code>{ top: number; bottom: number; left: number; right: number; }</code>
@@ -251,13 +215,4 @@ Note: Short 3-digit format (#FFF) is NOT supported.
251
215
  | **`DARK`** | <code>'DARK'</code> |
252
216
  | **`CUSTOM`** | <code>'CUSTOM'</code> |
253
217
 
254
-
255
- #### StatusBarAnimation
256
-
257
- | Members | Value |
258
- | ----------- | -------------------- |
259
- | **`NONE`** | <code>'none'</code> |
260
- | **`FADE`** | <code>'fade'</code> |
261
- | **`SLIDE`** | <code>'slide'</code> |
262
-
263
218
  </docgen-api>
@@ -57,8 +57,10 @@ public class CapacitorStatusBar extends Plugin {
57
57
  Window window = activity.getWindow();
58
58
  View decorView = window.getDecorView();
59
59
 
60
- if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
61
- // Android 15+ (API 35+): Full edge-to-edge with overlay views
60
+ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
61
+ // Android 12+ (API 31+): Full edge-to-edge with overlay views.
62
+ // Android 12+ gesture navigation ignores setStatusBarColor/setNavigationBarColor;
63
+ // Android 15+ (API 35) enforces edge-to-edge mandatory. All require the overlay approach.
62
64
  WindowCompat.setDecorFitsSystemWindows(window, false);
63
65
 
64
66
  // Make native bar colors transparent so our overlays are the sole color source
@@ -99,7 +101,7 @@ public class CapacitorStatusBar extends Plugin {
99
101
 
100
102
  Log.d(TAG, "ensureEdgeToEdgeConfigured: edge-to-edge with overlay views, API=" + Build.VERSION.SDK_INT);
101
103
  } else {
102
- // Android < 15: Only disable contrast enforcement.
104
+ // Android < 12 (API < 31): Only disable contrast enforcement.
103
105
  // Do NOT call setDecorFitsSystemWindows(false), create overlay views, or set insets listener.
104
106
  // This avoids conflicts with plugins like @capawesome/capacitor-android-edge-to-edge-support.
105
107
  if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
@@ -148,6 +150,9 @@ public class CapacitorStatusBar extends Plugin {
148
150
 
149
151
  // Restore the overlay backgrounds to their original colors
150
152
  restoreStatusBarBackground(activity);
153
+
154
+ // Also show the navigation bar
155
+ showNavigationBar(activity, true);
151
156
  }
152
157
 
153
158
  public void hideStatusBar(Activity activity, String animation) {
@@ -162,6 +167,7 @@ public class CapacitorStatusBar extends Plugin {
162
167
  // navigation bar
163
168
  Log.d(TAG, "hideStatusBar: fade mode - making backgrounds transparent");
164
169
  makeStatusBarBackgroundTransparent(activity);
170
+ hideNavigationBar(activity, "fade");
165
171
  } else if ("slide".equals(animationType)) {
166
172
  // Slide mode: Hide status bar and navigation bar completely (current behavior)
167
173
  Log.d(TAG, "hideStatusBar: slide mode - hiding bars completely");
@@ -383,7 +389,7 @@ public class CapacitorStatusBar extends Plugin {
383
389
  }
384
390
 
385
391
  // Make background transparent
386
- if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
392
+ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
387
393
  ViewGroup dv = (ViewGroup) decorView;
388
394
  View navOverlay = dv.findViewWithTag(NAV_BAR_OVERLAY_TAG);
389
395
  if (navOverlay != null) {
@@ -415,7 +421,7 @@ public class CapacitorStatusBar extends Plugin {
415
421
  }
416
422
 
417
423
  // Make navigation bar overlay transparent
418
- if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
424
+ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
419
425
  ViewGroup dv = (ViewGroup) decorView;
420
426
  View navOverlay = dv.findViewWithTag(NAV_BAR_OVERLAY_TAG);
421
427
  if (navOverlay != null) {
@@ -492,11 +498,11 @@ public class CapacitorStatusBar extends Plugin {
492
498
 
493
499
  private void applyStatusBarBackground(Activity activity, @ColorInt int color) {
494
500
  Log.d(TAG, "applyStatusBarBackground: color=#" + Integer.toHexString(color) + ", API=" + Build.VERSION.SDK_INT);
495
- if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
496
- // Android 15+: Use overlay views
501
+ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
502
+ // Android 12+: Use overlay views (gesture nav ignores setStatusBarColor; mandatory on 15+)
497
503
  ensureStatusBarOverlay(activity, color);
498
504
  } else {
499
- // Android < 15: Use native window API directly
505
+ // Android < 12: Use native window API directly
500
506
  activity.getWindow().setStatusBarColor(color);
501
507
  }
502
508
  }
@@ -504,11 +510,11 @@ public class CapacitorStatusBar extends Plugin {
504
510
  private void applyNavigationBarBackground(Activity activity, @ColorInt int color) {
505
511
  Log.d(TAG, "applyNavigationBarBackground: color=#" + Integer.toHexString(color) + ", API="
506
512
  + Build.VERSION.SDK_INT);
507
- if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
508
- // Android 15+: Use overlay views
513
+ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
514
+ // Android 12+: Use overlay views (gesture nav ignores setNavigationBarColor; mandatory on 15+)
509
515
  ensureNavBarOverlay(activity, color);
510
516
  } else {
511
- // Android < 15: Use native window API directly
517
+ // Android < 12: Use native window API directly
512
518
  activity.getWindow().setNavigationBarColor(color);
513
519
  }
514
520
  }
@@ -625,8 +631,8 @@ public class CapacitorStatusBar extends Plugin {
625
631
  private void makeStatusBarBackgroundTransparent(Activity activity) {
626
632
  Log.d(TAG, "makeStatusBarBackgroundTransparent: API=" + Build.VERSION.SDK_INT);
627
633
 
628
- if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.VANILLA_ICE_CREAM) {
629
- // Android 15+: Set overlay backgrounds to transparent
634
+ if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.S) {
635
+ // Android 12+: Set overlay backgrounds to transparent
630
636
  ViewGroup decorView = (ViewGroup) activity.getWindow().getDecorView();
631
637
 
632
638
  View statusBarOverlay = decorView.findViewWithTag(STATUS_BAR_OVERLAY_TAG);
@@ -641,7 +647,7 @@ public class CapacitorStatusBar extends Plugin {
641
647
  Log.d(TAG, "makeStatusBarBackgroundTransparent: navigation bar overlay made transparent");
642
648
  }
643
649
  } else {
644
- // Android < 15: Use native window API directly
650
+ // Android < 13: Use native window API directly
645
651
  Window window = activity.getWindow();
646
652
  window.setStatusBarColor(Color.TRANSPARENT);
647
653
  window.setNavigationBarColor(Color.TRANSPARENT);
@@ -58,9 +58,8 @@ public class CapacitorStatusBarPlugin extends Plugin {
58
58
  @PluginMethod
59
59
  public void show(PluginCall call) {
60
60
  try {
61
- boolean animated = Boolean.TRUE.equals(call.getBoolean("animated", true));
62
61
  getActivity().runOnUiThread(() -> {
63
- implementation.showStatusBar(getActivity(), animated);
62
+ implementation.showStatusBar(getActivity(), true);
64
63
  call.resolve();
65
64
  });
66
65
  } catch (Exception e) {
@@ -71,13 +70,8 @@ public class CapacitorStatusBarPlugin extends Plugin {
71
70
  @PluginMethod
72
71
  public void hide(PluginCall call) {
73
72
  try {
74
- String animation = call.getString("animation");
75
- if (animation == null) {
76
- call.reject("animation is required");
77
- return;
78
- }
79
73
  getActivity().runOnUiThread(() -> {
80
- implementation.hideStatusBar(getActivity(), animation);
74
+ implementation.hideStatusBar(getActivity(), "slide");
81
75
  call.resolve();
82
76
  });
83
77
  } catch (Exception e) {
@@ -122,9 +116,8 @@ public class CapacitorStatusBarPlugin extends Plugin {
122
116
  @PluginMethod
123
117
  public void showNavigationBar(PluginCall call) {
124
118
  try {
125
- boolean animated = Boolean.TRUE.equals(call.getBoolean("animated", true));
126
119
  getActivity().runOnUiThread(() -> {
127
- implementation.showNavigationBar(getActivity(), animated);
120
+ implementation.showNavigationBar(getActivity(), true);
128
121
  call.resolve();
129
122
  });
130
123
  } catch (Exception e) {
@@ -135,13 +128,8 @@ public class CapacitorStatusBarPlugin extends Plugin {
135
128
  @PluginMethod
136
129
  public void hideNavigationBar(PluginCall call) {
137
130
  try {
138
- String animation = call.getString("animation");
139
- if (animation == null) {
140
- call.reject("animation is required");
141
- return;
142
- }
143
131
  getActivity().runOnUiThread(() -> {
144
- implementation.hideNavigationBar(getActivity(), animation);
132
+ implementation.hideNavigationBar(getActivity(), "slide");
145
133
  call.resolve();
146
134
  });
147
135
  } catch (Exception e) {
package/dist/docs.json CHANGED
@@ -38,56 +38,22 @@
38
38
  },
39
39
  {
40
40
  "name": "show",
41
- "signature": "(options: StatusBarShowOptions) => Promise<void>",
42
- "parameters": [
43
- {
44
- "name": "options",
45
- "docs": "- The options to show the status bar.",
46
- "type": "StatusBarShowOptions"
47
- }
48
- ],
41
+ "signature": "() => Promise<void>",
42
+ "parameters": [],
49
43
  "returns": "Promise<void>",
50
- "tags": [
51
- {
52
- "name": "param",
53
- "text": "options - The options to show the status bar."
54
- },
55
- {
56
- "name": "param",
57
- "text": "options.animated - Whether to animate the status bar."
58
- }
59
- ],
60
- "docs": "Show the status bar.",
61
- "complexTypes": [
62
- "StatusBarShowOptions"
63
- ],
44
+ "tags": [],
45
+ "docs": "Show the status bar and navigation bar.",
46
+ "complexTypes": [],
64
47
  "slug": "show"
65
48
  },
66
49
  {
67
50
  "name": "hide",
68
- "signature": "(options: StatusBarHideOptions) => Promise<void>",
69
- "parameters": [
70
- {
71
- "name": "options",
72
- "docs": "- The options to hide the status bar.",
73
- "type": "StatusBarHideOptions"
74
- }
75
- ],
51
+ "signature": "() => Promise<void>",
52
+ "parameters": [],
76
53
  "returns": "Promise<void>",
77
- "tags": [
78
- {
79
- "name": "param",
80
- "text": "options - The options to hide the status bar."
81
- },
82
- {
83
- "name": "param",
84
- "text": "options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bars completely."
85
- }
86
- ],
87
- "docs": "Hide the status bar.",
88
- "complexTypes": [
89
- "StatusBarHideOptions"
90
- ],
54
+ "tags": [],
55
+ "docs": "Hide the status bar and navigation bar with a slide animation.",
56
+ "complexTypes": [],
91
57
  "slug": "hide"
92
58
  },
93
59
  {
@@ -146,56 +112,22 @@
146
112
  },
147
113
  {
148
114
  "name": "showNavigationBar",
149
- "signature": "(options: NavigationBarShowOptions) => Promise<void>",
150
- "parameters": [
151
- {
152
- "name": "options",
153
- "docs": "- The options to show the navigation bar.",
154
- "type": "NavigationBarShowOptions"
155
- }
156
- ],
115
+ "signature": "() => Promise<void>",
116
+ "parameters": [],
157
117
  "returns": "Promise<void>",
158
- "tags": [
159
- {
160
- "name": "param",
161
- "text": "options - The options to show the navigation bar."
162
- },
163
- {
164
- "name": "param",
165
- "text": "options.animated - Whether to animate the navigation bar."
166
- }
167
- ],
118
+ "tags": [],
168
119
  "docs": "Show the navigation bar.",
169
- "complexTypes": [
170
- "NavigationBarShowOptions"
171
- ],
120
+ "complexTypes": [],
172
121
  "slug": "shownavigationbar"
173
122
  },
174
123
  {
175
124
  "name": "hideNavigationBar",
176
- "signature": "(options: NavigationBarHideOptions) => Promise<void>",
177
- "parameters": [
178
- {
179
- "name": "options",
180
- "docs": "- The options to hide the navigation bar.",
181
- "type": "NavigationBarHideOptions"
182
- }
183
- ],
125
+ "signature": "() => Promise<void>",
126
+ "parameters": [],
184
127
  "returns": "Promise<void>",
185
- "tags": [
186
- {
187
- "name": "param",
188
- "text": "options - The options to hide the navigation bar."
189
- },
190
- {
191
- "name": "param",
192
- "text": "options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bar completely."
193
- }
194
- ],
195
- "docs": "Hide the navigation bar.",
196
- "complexTypes": [
197
- "NavigationBarHideOptions"
198
- ],
128
+ "tags": [],
129
+ "docs": "Hide the navigation bar with a slide animation (hides completely from screen).",
130
+ "complexTypes": [],
199
131
  "slug": "hidenavigationbar"
200
132
  },
201
133
  {
@@ -238,30 +170,6 @@
238
170
  "docs": ""
239
171
  }
240
172
  ]
241
- },
242
- {
243
- "name": "StatusBarAnimation",
244
- "slug": "statusbaranimation",
245
- "members": [
246
- {
247
- "name": "NONE",
248
- "value": "'none'",
249
- "tags": [],
250
- "docs": ""
251
- },
252
- {
253
- "name": "FADE",
254
- "value": "'fade'",
255
- "tags": [],
256
- "docs": ""
257
- },
258
- {
259
- "name": "SLIDE",
260
- "value": "'slide'",
261
- "tags": [],
262
- "docs": ""
263
- }
264
- ]
265
173
  }
266
174
  ],
267
175
  "typeAliases": [
@@ -322,30 +230,6 @@
322
230
  }
323
231
  ]
324
232
  },
325
- {
326
- "name": "StatusBarShowOptions",
327
- "slug": "statusbarshowoptions",
328
- "docs": "",
329
- "types": [
330
- {
331
- "text": "{\n animated: boolean;\n}",
332
- "complexTypes": []
333
- }
334
- ]
335
- },
336
- {
337
- "name": "StatusBarHideOptions",
338
- "slug": "statusbarhideoptions",
339
- "docs": "",
340
- "types": [
341
- {
342
- "text": "{\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}",
343
- "complexTypes": [
344
- "StatusBarAnimation"
345
- ]
346
- }
347
- ]
348
- },
349
233
  {
350
234
  "name": "StatusBarSetOverlaysWebViewOptions",
351
235
  "slug": "statusbarsetoverlayswebviewoptions",
@@ -370,30 +254,6 @@
370
254
  }
371
255
  ]
372
256
  },
373
- {
374
- "name": "NavigationBarShowOptions",
375
- "slug": "navigationbarshowoptions",
376
- "docs": "",
377
- "types": [
378
- {
379
- "text": "{\n animated: boolean;\n}",
380
- "complexTypes": []
381
- }
382
- ]
383
- },
384
- {
385
- "name": "NavigationBarHideOptions",
386
- "slug": "navigationbarhideoptions",
387
- "docs": "",
388
- "types": [
389
- {
390
- "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}",
391
- "complexTypes": [
392
- "StatusBarAnimation"
393
- ]
394
- }
395
- ]
396
- },
397
257
  {
398
258
  "name": "SafeAreaInsets",
399
259
  "slug": "safeareainsets",
@@ -24,34 +24,12 @@ declare type StatusBarStyleOptions = StatusBarStyleNoDefaultOptions | {
24
24
  color: StatusBarColor;
25
25
  };
26
26
  export declare type StatusBarOptions = StatusBarStyleOptions;
27
- export declare type StatusBarShowOptions = {
28
- animated: boolean;
29
- };
30
- export declare type StatusBarHideOptions = {
31
- /**
32
- * The animation type for hiding the status bar.
33
- * - 'fade': Makes the background transparent without removing the status bar and navigation bar.
34
- * - 'slide': Hides the status bar and navigation bar completely (default behavior).
35
- */
36
- animation: StatusBarAnimation;
37
- };
38
27
  export declare type StatusBarSetOverlaysWebViewOptions = {
39
28
  value: boolean;
40
29
  };
41
30
  export declare type StatusBarSetBackgroundOptions = {
42
31
  color: StatusBarColor;
43
32
  };
44
- export declare type NavigationBarShowOptions = {
45
- animated: boolean;
46
- };
47
- export declare type NavigationBarHideOptions = {
48
- /**
49
- * The animation type for hiding the navigation bar.
50
- * - 'fade': Makes the background transparent without removing the navigation bar.
51
- * - 'slide': Hides the navigation bar completely (default behavior).
52
- */
53
- animation: StatusBarAnimation;
54
- };
55
33
  export declare type SafeAreaInsets = {
56
34
  top: number;
57
35
  bottom: number;
@@ -67,17 +45,13 @@ export interface CapacitorStatusBarPlugin {
67
45
  */
68
46
  setStyle(options: StatusBarOptions): Promise<void>;
69
47
  /**
70
- * Show the status bar.
71
- * @param options - The options to show the status bar.
72
- * @param options.animated - Whether to animate the status bar.
48
+ * Show the status bar and navigation bar.
73
49
  */
74
- show(options: StatusBarShowOptions): Promise<void>;
50
+ show(): Promise<void>;
75
51
  /**
76
- * Hide the status bar.
77
- * @param options - The options to hide the status bar.
78
- * @param options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bars completely.
52
+ * Hide the status bar and navigation bar with a slide animation.
79
53
  */
80
- hide(options: StatusBarHideOptions): Promise<void>;
54
+ hide(): Promise<void>;
81
55
  /**
82
56
  * Set whether the status bar overlays the web view.
83
57
  *
@@ -100,16 +74,12 @@ export interface CapacitorStatusBarPlugin {
100
74
  setBackground(options: StatusBarSetBackgroundOptions): Promise<void>;
101
75
  /**
102
76
  * Show the navigation bar.
103
- * @param options - The options to show the navigation bar.
104
- * @param options.animated - Whether to animate the navigation bar.
105
77
  */
106
- showNavigationBar(options: NavigationBarShowOptions): Promise<void>;
78
+ showNavigationBar(): Promise<void>;
107
79
  /**
108
- * Hide the navigation bar.
109
- * @param options - The options to hide the navigation bar.
110
- * @param options.animation - The animation type: 'fade' makes background transparent, 'slide' hides bar completely.
80
+ * Hide the navigation bar with a slide animation (hides completely from screen).
111
81
  */
112
- hideNavigationBar(options: NavigationBarHideOptions): Promise<void>;
82
+ hideNavigationBar(): Promise<void>;
113
83
  /**
114
84
  * Get the safe area insets.
115
85
  * Returns the insets for status bar, navigation bar, and notch areas.
@@ -1 +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 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"]}
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 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 and navigation bar.\n */\n show(): Promise<void>;\n /**\n * Hide the status bar and navigation bar with a slide animation.\n */\n hide(): 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 */\n showNavigationBar(): Promise<void>;\n /**\n * Hide the navigation bar with a slide animation (hides completely from screen).\n */\n hideNavigationBar(): 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 CHANGED
@@ -1,12 +1,12 @@
1
1
  import { WebPlugin } from '@capacitor/core';
2
- import type { StatusBarOptions, CapacitorStatusBarPlugin, StatusBarSetOverlaysWebViewOptions, StatusBarShowOptions, StatusBarHideOptions, StatusBarSetBackgroundOptions, SafeAreaInsets, NavigationBarShowOptions, NavigationBarHideOptions } from './definitions';
2
+ import type { StatusBarOptions, CapacitorStatusBarPlugin, StatusBarSetOverlaysWebViewOptions, StatusBarSetBackgroundOptions, SafeAreaInsets } from './definitions';
3
3
  export declare class CapacitorStatusBarWeb extends WebPlugin implements CapacitorStatusBarPlugin {
4
4
  setStyle(options: StatusBarOptions): Promise<void>;
5
- show(options: StatusBarShowOptions): Promise<void>;
6
- hide(options: StatusBarHideOptions): Promise<void>;
5
+ show(): Promise<void>;
6
+ hide(): Promise<void>;
7
7
  setOverlaysWebView(options: StatusBarSetOverlaysWebViewOptions): Promise<void>;
8
8
  setBackground(options: StatusBarSetBackgroundOptions): Promise<void>;
9
- showNavigationBar(options: NavigationBarShowOptions): Promise<void>;
10
- hideNavigationBar(options: NavigationBarHideOptions): Promise<void>;
9
+ showNavigationBar(): Promise<void>;
10
+ hideNavigationBar(): Promise<void>;
11
11
  getSafeAreaInsets(): Promise<SafeAreaInsets>;
12
12
  }
package/dist/esm/web.js CHANGED
@@ -3,11 +3,11 @@ export class CapacitorStatusBarWeb extends WebPlugin {
3
3
  async setStyle(options) {
4
4
  console.log('setStyle', options);
5
5
  }
6
- async show(options) {
7
- console.log('show', options);
6
+ async show() {
7
+ console.log('show');
8
8
  }
9
- async hide(options) {
10
- console.log('hide', options);
9
+ async hide() {
10
+ console.log('hide');
11
11
  }
12
12
  async setOverlaysWebView(options) {
13
13
  console.log('setOverlaysWebView', options);
@@ -15,11 +15,11 @@ export class CapacitorStatusBarWeb extends WebPlugin {
15
15
  async setBackground(options) {
16
16
  console.log('setBackground', options);
17
17
  }
18
- async showNavigationBar(options) {
19
- console.log('showNavigationBar', options);
18
+ async showNavigationBar() {
19
+ console.log('showNavigationBar');
20
20
  }
21
- async hideNavigationBar(options) {
22
- console.log('hideNavigationBar', options);
21
+ async hideNavigationBar() {
22
+ console.log('hideNavigationBar');
23
23
  }
24
24
  async getSafeAreaInsets() {
25
25
  // On web, we can use CSS environment variables to get safe area insets
@@ -1 +1 @@
1
- {"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"]}
1
+ {"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAU5C,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;QACR,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,CAAC;IAED,KAAK,CAAC,IAAI;QACR,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtB,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,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACnC,CAAC;IAED,KAAK,CAAC,iBAAiB;QACrB,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;IACnC,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 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(): Promise<void> {\n console.log('show');\n }\n\n async hide(): Promise<void> {\n console.log('hide');\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(): Promise<void> {\n console.log('showNavigationBar');\n }\n\n async hideNavigationBar(): Promise<void> {\n console.log('hideNavigationBar');\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"]}
@@ -23,11 +23,11 @@ class CapacitorStatusBarWeb extends core.WebPlugin {
23
23
  async setStyle(options) {
24
24
  console.log('setStyle', options);
25
25
  }
26
- async show(options) {
27
- console.log('show', options);
26
+ async show() {
27
+ console.log('show');
28
28
  }
29
- async hide(options) {
30
- console.log('hide', options);
29
+ async hide() {
30
+ console.log('hide');
31
31
  }
32
32
  async setOverlaysWebView(options) {
33
33
  console.log('setOverlaysWebView', options);
@@ -35,11 +35,11 @@ class CapacitorStatusBarWeb extends core.WebPlugin {
35
35
  async setBackground(options) {
36
36
  console.log('setBackground', options);
37
37
  }
38
- async showNavigationBar(options) {
39
- console.log('showNavigationBar', options);
38
+ async showNavigationBar() {
39
+ console.log('showNavigationBar');
40
40
  }
41
- async hideNavigationBar(options) {
42
- console.log('hideNavigationBar', options);
41
+ async hideNavigationBar() {
42
+ console.log('hideNavigationBar');
43
43
  }
44
44
  async getSafeAreaInsets() {
45
45
  // On web, we can use CSS environment variables to get safe area insets
@@ -1 +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 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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"}
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() {\n console.log('show');\n }\n async hide() {\n console.log('hide');\n }\n async setOverlaysWebView(options) {\n console.log('setOverlaysWebView', options);\n }\n async setBackground(options) {\n console.log('setBackground', options);\n }\n async showNavigationBar() {\n console.log('showNavigationBar');\n }\n async hideNavigationBar() {\n console.log('hideNavigationBar');\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,GAAG;AACjB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;AAC3B,IAAI;AACJ,IAAI,MAAM,IAAI,GAAG;AACjB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;AAC3B,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,QAAQ,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;AACxC,IAAI;AACJ,IAAI,MAAM,iBAAiB,GAAG;AAC9B,QAAQ,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;AACxC,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;;;;;;;;;"}
package/dist/plugin.js CHANGED
@@ -22,11 +22,11 @@ var capStatusBar = (function (exports, core) {
22
22
  async setStyle(options) {
23
23
  console.log('setStyle', options);
24
24
  }
25
- async show(options) {
26
- console.log('show', options);
25
+ async show() {
26
+ console.log('show');
27
27
  }
28
- async hide(options) {
29
- console.log('hide', options);
28
+ async hide() {
29
+ console.log('hide');
30
30
  }
31
31
  async setOverlaysWebView(options) {
32
32
  console.log('setOverlaysWebView', options);
@@ -34,11 +34,11 @@ var capStatusBar = (function (exports, core) {
34
34
  async setBackground(options) {
35
35
  console.log('setBackground', options);
36
36
  }
37
- async showNavigationBar(options) {
38
- console.log('showNavigationBar', options);
37
+ async showNavigationBar() {
38
+ console.log('showNavigationBar');
39
39
  }
40
- async hideNavigationBar(options) {
41
- console.log('hideNavigationBar', options);
40
+ async hideNavigationBar() {
41
+ console.log('hideNavigationBar');
42
42
  }
43
43
  async getSafeAreaInsets() {
44
44
  // On web, we can use CSS environment variables to get safe area insets
@@ -1 +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 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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"}
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() {\n console.log('show');\n }\n async hide() {\n console.log('hide');\n }\n async setOverlaysWebView(options) {\n console.log('setOverlaysWebView', options);\n }\n async setBackground(options) {\n console.log('setBackground', options);\n }\n async showNavigationBar() {\n console.log('showNavigationBar');\n }\n async hideNavigationBar() {\n console.log('hideNavigationBar');\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,GAAG;IACjB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;IAC3B,IAAI;IACJ,IAAI,MAAM,IAAI,GAAG;IACjB,QAAQ,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;IAC3B,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,QAAQ,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;IACxC,IAAI;IACJ,IAAI,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,OAAO,CAAC,GAAG,CAAC,mBAAmB,CAAC;IACxC,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;;;;;;;;;;;;;;;"}
@@ -92,8 +92,13 @@ import Capacitor
92
92
  // Note: This requires UIViewControllerBasedStatusBarAppearance = NO
93
93
  self.setStatusBarVisibility(hidden: false, animated: animated)
94
94
 
95
- // Restore the background view color when showing
96
- self.restoreStatusBarBackgroundColor()
95
+ // Restore the background view color when showing (unless overlay mode is active)
96
+ if !self.isOverlayMode {
97
+ self.restoreStatusBarBackgroundColor()
98
+ }
99
+
100
+ // Also show the navigation bar (home indicator)
101
+ self.showNavigationBar(animated: animated)
97
102
  }
98
103
  }
99
104
 
@@ -111,6 +116,7 @@ import Capacitor
111
116
  // Fade mode: Make background transparent without removing status bar
112
117
  print("CapacitorStatusBar: hide() - fade mode: making background transparent")
113
118
  self.makeStatusBarBackgroundTransparent()
119
+ self.hideNavigationBar(animation: "fade")
114
120
  } else if animationType == "slide" {
115
121
  // Slide mode: Hide the status bar completely (current behavior)
116
122
  print("CapacitorStatusBar: hide() - slide mode: hiding bars completely")
@@ -120,10 +126,12 @@ import Capacitor
120
126
  self.setStatusBarVisibility(hidden: true, animated: true)
121
127
  // Also make the background view transparent when hiding
122
128
  self.makeStatusBarBackgroundTransparent()
129
+ self.hideNavigationBar(animation: "slide")
123
130
  } else {
124
131
  print("CapacitorStatusBar: hide() - unknown animation type '\(animationType)', defaulting to slide")
125
132
  self.setStatusBarVisibility(hidden: true, animated: true)
126
133
  self.makeStatusBarBackgroundTransparent()
134
+ self.hideNavigationBar(animation: "slide")
127
135
  }
128
136
  }
129
137
  }
@@ -38,17 +38,12 @@ public class CapacitorStatusBarPlugin: CAPPlugin, CAPBridgedPlugin {
38
38
  }
39
39
 
40
40
  @objc func show(_ call: CAPPluginCall) {
41
- let animated = call.getBool("animated") ?? true
42
- implementation.show(animated: animated)
41
+ implementation.show(animated: true)
43
42
  call.resolve()
44
43
  }
45
44
 
46
45
  @objc func hide(_ call: CAPPluginCall) {
47
- guard let animation = call.getString("animation") else {
48
- call.reject("animation is required")
49
- return
50
- }
51
- implementation.hide(animation: animation)
46
+ implementation.hide(animation: "slide")
52
47
  call.resolve()
53
48
  }
54
49
 
@@ -71,17 +66,12 @@ public class CapacitorStatusBarPlugin: CAPPlugin, CAPBridgedPlugin {
71
66
  }
72
67
 
73
68
  @objc func showNavigationBar(_ call: CAPPluginCall) {
74
- let animated = call.getBool("animated") ?? true
75
- implementation.showNavigationBar(animated: animated)
69
+ implementation.showNavigationBar(animated: true)
76
70
  call.resolve()
77
71
  }
78
72
 
79
73
  @objc func hideNavigationBar(_ call: CAPPluginCall) {
80
- guard let animation = call.getString("animation") else {
81
- call.reject("animation is required")
82
- return
83
- }
84
- implementation.hideNavigationBar(animation: animation)
74
+ implementation.hideNavigationBar(animation: "slide")
85
75
  call.resolve()
86
76
  }
87
77
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "capacitor-plugin-status-bar",
3
- "version": "2.0.5",
3
+ "version": "2.0.7",
4
4
  "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.",
5
5
  "main": "dist/plugin.cjs.js",
6
6
  "module": "dist/esm/index.js",