@capgo/capacitor-native-navigation 8.1.1 → 8.2.0

package/dist/docs.json

@@ -839,6 +839,15 @@
           "complexTypes": [],
           "type": "string | undefined"
         },
+        {
+          "name": "style",
+          "tags": [],
+          "docs": "Optional native tabbar layout and shape customization.",
+          "complexTypes": [
+            "NativeNavigationTabbarStyle"
+          ],
+          "type": "NativeNavigationTabbarStyle"
+        },
         {
           "name": "animated",
           "tags": [],
@@ -903,6 +912,94 @@
         }
       ]
     },
+    {
+      "name": "NativeNavigationTabbarStyle",
+      "slug": "nativenavigationtabbarstyle",
+      "docs": "Native tabbar layout and background shape options.",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "shape",
+          "tags": [],
+          "docs": "`floating` keeps the existing capsule tabbar. `curve` draws a full-width\nbar with a center notch and raised center tab.",
+          "complexTypes": [
+            "NativeNavigationTabbarShape"
+          ],
+          "type": "NativeNavigationTabbarShape"
+        },
+        {
+          "name": "height",
+          "tags": [],
+          "docs": "Bar height in native points/dp. Defaults to `64` for `floating` and `76`\nfor `curve`.",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "horizontalMargin",
+          "tags": [],
+          "docs": "Horizontal margin in native points/dp. Defaults to `24` for `floating` and\n`0` for `curve`.",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "maxWidth",
+          "tags": [],
+          "docs": "Maximum tabbar width in native points/dp. Defaults to `430` for `floating`;\n`curve` uses the available width unless this is set.",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "bottomGap",
+          "tags": [],
+          "docs": "Bottom gap above the platform safe area in native points/dp. Defaults to\n`10` for `floating` and `0` for `curve`.",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "cornerRadius",
+          "tags": [],
+          "docs": "Background corner radius in native points/dp. Defaults to a capsule radius\nfor `floating` and `24` for `curve`.",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "centerItemId",
+          "tags": [],
+          "docs": "Tab id promoted into the raised center button for `curve`. Defaults to the\nmiddle tab.",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "centerButtonDiameter",
+          "tags": [],
+          "docs": "Raised center button diameter in native points/dp. Defaults to `76`.",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "centerButtonLift",
+          "tags": [],
+          "docs": "Distance from the top of the center button to the top edge of the bar in\nnative points/dp. Defaults to half of `centerButtonDiameter`.",
+          "complexTypes": [],
+          "type": "number | undefined"
+        },
+        {
+          "name": "centerButtonColor",
+          "tags": [],
+          "docs": "Raised center button color. Defaults to the active tint color.",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "centerButtonIconColor",
+          "tags": [],
+          "docs": "Raised center button icon color. Defaults to white.",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
     {
       "name": "NativeNavigationTransitionResult",
       "slug": "nativenavigationtransitionresult",
@@ -1414,6 +1511,21 @@
         }
       ]
     },
+    {
+      "name": "NativeNavigationTabbarShape",
+      "slug": "nativenavigationtabbarshape",
+      "docs": "Native tabbar background shape.",
+      "types": [
+        {
+          "text": "'floating'",
+          "complexTypes": []
+        },
+        {
+          "text": "'curve'",
+          "complexTypes": []
+        }
+      ]
+    },
     {
       "name": "NativeNavigationTransitionDirection",
       "slug": "nativenavigationtransitiondirection",

package/dist/esm/definitions.d.ts

@@ -52,6 +52,10 @@ export interface NativeNavigationRect {
     width: number;
     height: number;
 }
+/**
+ * Native tabbar background shape.
+ */
+export type NativeNavigationTabbarShape = 'floating' | 'curve';
 /**
  * A serializable icon descriptor. Framework nodes are intentionally not accepted
  * because icons are rendered by native UI.
@@ -307,6 +311,63 @@ export interface NativeNavigationTab {
      */
     enabled?: boolean;
 }
+/**
+ * Native tabbar layout and background shape options.
+ */
+export interface NativeNavigationTabbarStyle {
+    /**
+     * `floating` keeps the existing capsule tabbar. `curve` draws a full-width
+     * bar with a center notch and raised center tab.
+     */
+    shape?: NativeNavigationTabbarShape;
+    /**
+     * Bar height in native points/dp. Defaults to `64` for `floating` and `76`
+     * for `curve`.
+     */
+    height?: number;
+    /**
+     * Horizontal margin in native points/dp. Defaults to `24` for `floating` and
+     * `0` for `curve`.
+     */
+    horizontalMargin?: number;
+    /**
+     * Maximum tabbar width in native points/dp. Defaults to `430` for `floating`;
+     * `curve` uses the available width unless this is set.
+     */
+    maxWidth?: number;
+    /**
+     * Bottom gap above the platform safe area in native points/dp. Defaults to
+     * `10` for `floating` and `0` for `curve`.
+     */
+    bottomGap?: number;
+    /**
+     * Background corner radius in native points/dp. Defaults to a capsule radius
+     * for `floating` and `24` for `curve`.
+     */
+    cornerRadius?: number;
+    /**
+     * Tab id promoted into the raised center button for `curve`. Defaults to the
+     * middle tab.
+     */
+    centerItemId?: string;
+    /**
+     * Raised center button diameter in native points/dp. Defaults to `76`.
+     */
+    centerButtonDiameter?: number;
+    /**
+     * Distance from the top of the center button to the top edge of the bar in
+     * native points/dp. Defaults to half of `centerButtonDiameter`.
+     */
+    centerButtonLift?: number;
+    /**
+     * Raised center button color. Defaults to the active tint color.
+     */
+    centerButtonColor?: string;
+    /**
+     * Raised center button icon color. Defaults to white.
+     */
+    centerButtonIconColor?: string;
+}
 /**
  * Native tabbar state.
  */
@@ -376,6 +437,10 @@ export interface NativeNavigationTabbarOptions {
      * Badge text color. `colors.badgeText` is also supported.
      */
     badgeTextColor?: string;
+    /**
+     * Optional native tabbar layout and shape customization.
+     */
+    style?: NativeNavigationTabbarStyle;
     /**
      * Animate native tabbar changes.
      */

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["import type { PluginListenerHandle } from '@capacitor/core';\n\n/**\n * Platform rendering preference for the native bars.\n */\nexport type NativeNavigationPlatformStyle = 'auto' | 'ios' | 'android';\n\n/**\n * How the plugin exposes native bar sizes to web content.\n */\nexport type NativeNavigationContentInsetMode = 'css' | 'none';\n\n/**\n * Navigation animation direction.\n */\nexport type NativeNavigationTransitionDirection = 'forward' | 'back' | 'root' | 'tab' | 'zoom' | 'none';\n\n/**\n * Native material/blur effect preference.\n */\nexport type NativeNavigationBlurEffect =\n  | 'none'\n  | 'systemDefault'\n  | 'extraLight'\n  | 'light'\n  | 'dark'\n  | 'regular'\n  | 'prominent'\n  | 'systemUltraThinMaterial'\n  | 'systemThinMaterial'\n  | 'systemMaterial'\n  | 'systemThickMaterial'\n  | 'systemChromeMaterial'\n  | 'systemUltraThinMaterialLight'\n  | 'systemThinMaterialLight'\n  | 'systemMaterialLight'\n  | 'systemThickMaterialLight'\n  | 'systemChromeMaterialLight'\n  | 'systemUltraThinMaterialDark'\n  | 'systemThinMaterialDark'\n  | 'systemMaterialDark'\n  | 'systemThickMaterialDark'\n  | 'systemChromeMaterialDark';\n\n/**\n * Native glass background rendering preference.\n */\nexport type NativeNavigationGlassEffect = 'none' | 'liquidGlass';\n\n/**\n * Native glass background configuration.\n */\nexport interface NativeNavigationGlassOptions {\n  /**\n   * `liquidGlass` enables the Android 12+ live blurred WebView backdrop for\n   * native bars. Android 11 and older keep a translucent surface fallback. iOS\n   * uses the platform-owned Liquid Glass behavior.\n   */\n  effect?: NativeNavigationGlassEffect;\n\n  /**\n   * Android blur radius in native dp for `liquidGlass`. Defaults to `18`.\n   */\n  blurRadius?: number;\n\n  /**\n   * Alpha multiplier for the tint surface over the glass backdrop. Defaults to\n   * `0.62`.\n   */\n  surfaceAlpha?: number;\n}\n\n/**\n * Native tab label visibility behavior.\n */\nexport type NativeNavigationTabLabelVisibilityMode = 'auto' | 'selected' | 'labeled' | 'unlabeled';\n\n/**\n * A rectangle in WebView viewport coordinates, expressed in native points/dp.\n */\nexport interface NativeNavigationRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * A serializable icon descriptor. Framework nodes are intentionally not accepted\n * because icons are rendered by native UI.\n */\nexport interface NativeNavigationIcon {\n  /**\n   * Cross-platform asset path or URL fallback.\n   */\n  src?: string;\n\n  /**\n   * Cross-platform inline SVG markup. The native renderers support common icon\n   * shapes such as path, line, polyline, polygon, circle, and rect. SVG icons\n   * are rendered as template images by default so native tint colors still\n   * apply.\n   */\n  svg?: string;\n\n  /**\n   * Preferred rendered icon width in native points/dp. Defaults to `24`.\n   */\n  width?: number;\n\n  /**\n   * Preferred rendered icon height in native points/dp. Defaults to `24`.\n   */\n  height?: number;\n\n  /**\n   * When `true`, native tint colors are applied to the rendered SVG/image.\n   * Defaults to `true`.\n   */\n  template?: boolean;\n\n  /**\n   * iOS-specific SF Symbol, bundled image name, or inline SVG.\n   */\n  ios?: {\n    /**\n     * SF Symbol name, for example `house.fill`.\n     */\n    sfSymbol?: string;\n\n    /**\n     * Bundled image name from the app asset catalog.\n     */\n    image?: string;\n\n    /**\n     * iOS-specific inline SVG markup.\n     */\n    svg?: string;\n  };\n\n  /**\n   * Android-specific drawable resource, asset name, or inline SVG.\n   */\n  android?: {\n    /**\n     * Drawable resource name without the `R.drawable.` prefix.\n     */\n    resource?: string;\n\n    /**\n     * Bundled image asset name.\n     */\n    image?: string;\n\n    /**\n     * Android-specific inline SVG markup.\n     */\n    svg?: string;\n  };\n}\n\n/**\n * Native bar colors. Use CSS-style hex strings (`#RRGGBB` or `#AARRGGBB`).\n */\nexport interface NativeNavigationColors {\n  /**\n   * When `true`, Android 12+ derives unspecified bar colors from Material You\n   * system palettes. Explicit color fields still win.\n   */\n  dynamic?: boolean;\n\n  /**\n   * Tint color for active buttons/items.\n   */\n  tint?: string;\n\n  /**\n   * Color for inactive tab items.\n   */\n  inactiveTint?: string;\n\n  /**\n   * Optional background tint. Ignored on iOS 26+ so UIKit can preserve the\n   * system Liquid Glass navigation appearance.\n   */\n  background?: string;\n\n  /**\n   * Title and label text color where the native platform supports it.\n   */\n  foreground?: string;\n\n  /**\n   * Badge background color for native tab badges.\n   */\n  badgeBackground?: string;\n\n  /**\n   * Badge text color for native tab badges.\n   */\n  badgeText?: string;\n\n  /**\n   * Active tab indicator color on Android.\n   */\n  indicator?: string;\n\n  /**\n   * Tab press ripple color on Android.\n   */\n  ripple?: string;\n}\n\n/**\n * Global plugin configuration.\n */\nexport interface NativeNavigationConfigureOptions {\n  /**\n   * Enables or disables the native chrome host.\n   */\n  enabled?: boolean;\n\n  /**\n   * Native style preference. `auto` uses the current platform.\n   */\n  platformStyle?: NativeNavigationPlatformStyle;\n\n  /**\n   * When `css`, the plugin writes CSS variables on `document.documentElement`.\n   */\n  contentInsetMode?: NativeNavigationContentInsetMode;\n\n  /**\n   * Default native transition duration in milliseconds.\n   */\n  animationDuration?: number;\n\n  /**\n   * Shared color hints for native bars.\n   */\n  colors?: NativeNavigationColors;\n\n  /**\n   * Shared glass background defaults for native bars.\n   */\n  glass?: NativeNavigationGlassOptions;\n}\n\n/**\n * A button shown in the native navbar.\n */\nexport interface NativeNavigationBarButton {\n  /**\n   * Stable id returned in `navbarItemTap`.\n   */\n  id: string;\n\n  /**\n   * Visible text label.\n   */\n  title?: string;\n\n  /**\n   * Native icon descriptor.\n   */\n  icon?: NativeNavigationIcon;\n\n  /**\n   * Whether the action is enabled. Defaults to `true`.\n   */\n  enabled?: boolean;\n}\n\n/**\n * Native back button configuration.\n */\nexport interface NativeNavigationBackButton {\n  /**\n   * Show the native back affordance.\n   */\n  visible?: boolean;\n\n  /**\n   * Optional back title.\n   */\n  title?: string;\n}\n\n/**\n * Native navbar state.\n */\nexport interface NativeNavigationNavbarOptions {\n  /**\n   * Hide the native navbar.\n   */\n  hidden?: boolean;\n\n  /**\n   * Main title.\n   */\n  title?: string;\n\n  /**\n   * Secondary title where supported by the platform.\n   */\n  subtitle?: string;\n\n  /**\n   * Prefer a large iOS title style.\n   */\n  large?: boolean;\n\n  /**\n   * Prefer transparent/scroll-edge style.\n   */\n  transparent?: boolean;\n\n  /**\n   * iOS blur/material effect for the navbar background when glass is not\n   * available. Defaults to `systemChromeMaterial` for transparent bars.\n   */\n  blurEffect?: NativeNavigationBlurEffect;\n\n  /**\n   * Optional glass background behavior. Overrides `configure({ glass })` for\n   * this navbar update.\n   */\n  glass?: NativeNavigationGlassOptions;\n\n  /**\n   * Back button state.\n   */\n  backButton?: NativeNavigationBackButton;\n\n  /**\n   * Left-side action buttons.\n   */\n  leftItems?: NativeNavigationBarButton[];\n\n  /**\n   * Right-side action buttons.\n   */\n  rightItems?: NativeNavigationBarButton[];\n\n  /**\n   * Navbar color hints.\n   */\n  colors?: NativeNavigationColors;\n\n  /**\n   * Animate native navbar changes.\n   */\n  animated?: boolean;\n}\n\n/**\n * A native tab item.\n */\nexport interface NativeNavigationTab {\n  /**\n   * Stable tab id returned in `tabSelect`.\n   */\n  id: string;\n\n  /**\n   * Visible tab label.\n   */\n  title?: string;\n\n  /**\n   * Native icon descriptor.\n   */\n  icon?: NativeNavigationIcon;\n\n  /**\n   * Optional selected-state icon.\n   */\n  selectedIcon?: NativeNavigationIcon;\n\n  /**\n   * Optional badge. Numeric badges are supported on both platforms; text badge\n   * support depends on platform capabilities.\n   */\n  badge?: string | number;\n\n  /**\n   * Whether the tab is enabled. Defaults to `true`.\n   */\n  enabled?: boolean;\n}\n\n/**\n * Native tabbar state.\n */\nexport interface NativeNavigationTabbarOptions {\n  /**\n   * Hide the native tabbar.\n   */\n  hidden?: boolean;\n\n  /**\n   * Tab definitions.\n   */\n  tabs?: NativeNavigationTab[];\n\n  /**\n   * Currently selected tab id.\n   */\n  selectedId?: string;\n\n  /**\n   * Show text labels. Defaults to `true`.\n   */\n  labels?: boolean;\n\n  /**\n   * Native label visibility mode. Overrides `labels` when provided.\n   */\n  labelVisibilityMode?: NativeNavigationTabLabelVisibilityMode;\n\n  /**\n   * Show icons. Defaults to `true`.\n   */\n  icons?: boolean;\n\n  /**\n   * Tabbar color hints.\n   */\n  colors?: NativeNavigationColors;\n\n  /**\n   * iOS blur/material effect for the tabbar background when glass is not\n   * available.\n   */\n  blurEffect?: NativeNavigationBlurEffect;\n\n  /**\n   * Optional glass background behavior. Overrides `configure({ glass })` for\n   * this tabbar update.\n   */\n  glass?: NativeNavigationGlassOptions;\n\n  /**\n   * Keep the iOS scroll-edge tabbar appearance from becoming transparent.\n   * Mirrors Expo Router native tabs' `disableTransparentOnScrollEdge` option.\n   * Defaults to `false`.\n   */\n  disableTransparentOnScrollEdge?: boolean;\n\n  /**\n   * Disable the Android active tab indicator.\n   */\n  disableIndicator?: boolean;\n\n  /**\n   * Active tab indicator color on Android. `colors.indicator` is also\n   * supported.\n   */\n  indicatorColor?: string;\n\n  /**\n   * Tab press ripple color on Android. `colors.ripple` is also supported.\n   */\n  rippleColor?: string;\n\n  /**\n   * Badge background color. `colors.badgeBackground` is also supported.\n   */\n  badgeBackgroundColor?: string;\n\n  /**\n   * Badge text color. `colors.badgeText` is also supported.\n   */\n  badgeTextColor?: string;\n\n  /**\n   * Animate native tabbar changes.\n   */\n  animated?: boolean;\n}\n\n/**\n * Insets exposed to web content.\n */\nexport interface NativeNavigationInsets {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  navbarHeight: number;\n  tabbarHeight: number;\n}\n\n/**\n * Returned by methods that may change safe content bounds.\n */\nexport interface NativeNavigationInsetsResult {\n  insets: NativeNavigationInsets;\n}\n\n/**\n * Begin a native transition transaction before JS changes route content.\n */\nexport interface NativeNavigationBeginTransitionOptions {\n  id?: string;\n  direction?: NativeNavigationTransitionDirection;\n  duration?: number;\n  /**\n   * Source rectangle for `zoom` transitions. Use viewport coordinates such as\n   * those returned by `Element.getBoundingClientRect()`.\n   */\n  sourceRect?: NativeNavigationRect;\n  /**\n   * Destination rectangle for shared-element-style `zoom` transitions.\n   */\n  targetRect?: NativeNavigationRect;\n  /**\n   * Corner radius used while animating a `zoom` transition.\n   */\n  cornerRadius?: number;\n}\n\n/**\n * Finish a native transition transaction after JS has changed route content.\n */\nexport interface NativeNavigationFinishTransitionOptions {\n  id?: string;\n  direction?: NativeNavigationTransitionDirection;\n  duration?: number;\n  /**\n   * Source rectangle for `zoom` transitions when no active source was recorded.\n   */\n  sourceRect?: NativeNavigationRect;\n  /**\n   * Destination rectangle for shared-element-style `zoom` transitions.\n   */\n  targetRect?: NativeNavigationRect;\n  /**\n   * Corner radius used while animating a `zoom` transition.\n   */\n  cornerRadius?: number;\n}\n\n/**\n * Native transition result.\n */\nexport interface NativeNavigationTransitionResult {\n  id: string;\n  direction: NativeNavigationTransitionDirection;\n  duration: number;\n}\n\n/**\n * Plugin version payload.\n */\nexport interface PluginVersionResult {\n  /**\n   * Version identifier returned by the platform implementation.\n   */\n  version: string;\n}\n\nexport interface NativeNavigationBackEvent {\n  source: 'navbar';\n}\n\nexport interface NativeNavigationBarItemTapEvent {\n  id: string;\n  title?: string;\n  placement: 'left' | 'right';\n}\n\nexport interface NativeNavigationTabSelectEvent {\n  id: string;\n  index: number;\n  title?: string;\n}\n\nexport interface NativeNavigationSafeAreaChangedEvent {\n  insets: NativeNavigationInsets;\n}\n\nexport interface NativeNavigationTransitionEvent {\n  id: string;\n  direction: NativeNavigationTransitionDirection;\n  duration: number;\n}\n\n/**\n * Framework-agnostic native navigation chrome API.\n */\nexport interface NativeNavigationPlugin {\n  /**\n   * Configure the native chrome host and content inset behavior.\n   */\n  configure(options?: NativeNavigationConfigureOptions): Promise<NativeNavigationInsetsResult>;\n\n  /**\n   * Render or update the native navbar.\n   */\n  setNavbar(options: NativeNavigationNavbarOptions): Promise<NativeNavigationInsetsResult>;\n\n  /**\n   * Render or update the native tabbar.\n   */\n  setTabbar(options: NativeNavigationTabbarOptions): Promise<NativeNavigationInsetsResult>;\n\n  /**\n   * Capture the current WebView and prepare a native transition.\n   */\n  beginTransition(options?: NativeNavigationBeginTransitionOptions): Promise<NativeNavigationTransitionResult>;\n\n  /**\n   * Animate from the captured WebView snapshot to the current live WebView.\n   */\n  finishTransition(options?: NativeNavigationFinishTransitionOptions): Promise<NativeNavigationTransitionResult>;\n\n  /**\n   * Returns the platform implementation version marker.\n   */\n  getPluginVersion(): Promise<PluginVersionResult>;\n\n  addListener(\n    eventName: 'navbarBack',\n    listenerFunc: (event: NativeNavigationBackEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'navbarItemTap',\n    listenerFunc: (event: NativeNavigationBarItemTapEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'tabSelect',\n    listenerFunc: (event: NativeNavigationTabSelectEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'safeAreaChanged',\n    listenerFunc: (event: NativeNavigationSafeAreaChangedEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'transitionStart',\n    listenerFunc: (event: NativeNavigationTransitionEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'transitionEnd',\n    listenerFunc: (event: NativeNavigationTransitionEvent) => void,\n  ): Promise<PluginListenerHandle>;\n}\n"]}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["import type { PluginListenerHandle } from '@capacitor/core';\n\n/**\n * Platform rendering preference for the native bars.\n */\nexport type NativeNavigationPlatformStyle = 'auto' | 'ios' | 'android';\n\n/**\n * How the plugin exposes native bar sizes to web content.\n */\nexport type NativeNavigationContentInsetMode = 'css' | 'none';\n\n/**\n * Navigation animation direction.\n */\nexport type NativeNavigationTransitionDirection = 'forward' | 'back' | 'root' | 'tab' | 'zoom' | 'none';\n\n/**\n * Native material/blur effect preference.\n */\nexport type NativeNavigationBlurEffect =\n  | 'none'\n  | 'systemDefault'\n  | 'extraLight'\n  | 'light'\n  | 'dark'\n  | 'regular'\n  | 'prominent'\n  | 'systemUltraThinMaterial'\n  | 'systemThinMaterial'\n  | 'systemMaterial'\n  | 'systemThickMaterial'\n  | 'systemChromeMaterial'\n  | 'systemUltraThinMaterialLight'\n  | 'systemThinMaterialLight'\n  | 'systemMaterialLight'\n  | 'systemThickMaterialLight'\n  | 'systemChromeMaterialLight'\n  | 'systemUltraThinMaterialDark'\n  | 'systemThinMaterialDark'\n  | 'systemMaterialDark'\n  | 'systemThickMaterialDark'\n  | 'systemChromeMaterialDark';\n\n/**\n * Native glass background rendering preference.\n */\nexport type NativeNavigationGlassEffect = 'none' | 'liquidGlass';\n\n/**\n * Native glass background configuration.\n */\nexport interface NativeNavigationGlassOptions {\n  /**\n   * `liquidGlass` enables the Android 12+ live blurred WebView backdrop for\n   * native bars. Android 11 and older keep a translucent surface fallback. iOS\n   * uses the platform-owned Liquid Glass behavior.\n   */\n  effect?: NativeNavigationGlassEffect;\n\n  /**\n   * Android blur radius in native dp for `liquidGlass`. Defaults to `18`.\n   */\n  blurRadius?: number;\n\n  /**\n   * Alpha multiplier for the tint surface over the glass backdrop. Defaults to\n   * `0.62`.\n   */\n  surfaceAlpha?: number;\n}\n\n/**\n * Native tab label visibility behavior.\n */\nexport type NativeNavigationTabLabelVisibilityMode = 'auto' | 'selected' | 'labeled' | 'unlabeled';\n\n/**\n * A rectangle in WebView viewport coordinates, expressed in native points/dp.\n */\nexport interface NativeNavigationRect {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n}\n\n/**\n * Native tabbar background shape.\n */\nexport type NativeNavigationTabbarShape = 'floating' | 'curve';\n\n/**\n * A serializable icon descriptor. Framework nodes are intentionally not accepted\n * because icons are rendered by native UI.\n */\nexport interface NativeNavigationIcon {\n  /**\n   * Cross-platform asset path or URL fallback.\n   */\n  src?: string;\n\n  /**\n   * Cross-platform inline SVG markup. The native renderers support common icon\n   * shapes such as path, line, polyline, polygon, circle, and rect. SVG icons\n   * are rendered as template images by default so native tint colors still\n   * apply.\n   */\n  svg?: string;\n\n  /**\n   * Preferred rendered icon width in native points/dp. Defaults to `24`.\n   */\n  width?: number;\n\n  /**\n   * Preferred rendered icon height in native points/dp. Defaults to `24`.\n   */\n  height?: number;\n\n  /**\n   * When `true`, native tint colors are applied to the rendered SVG/image.\n   * Defaults to `true`.\n   */\n  template?: boolean;\n\n  /**\n   * iOS-specific SF Symbol, bundled image name, or inline SVG.\n   */\n  ios?: {\n    /**\n     * SF Symbol name, for example `house.fill`.\n     */\n    sfSymbol?: string;\n\n    /**\n     * Bundled image name from the app asset catalog.\n     */\n    image?: string;\n\n    /**\n     * iOS-specific inline SVG markup.\n     */\n    svg?: string;\n  };\n\n  /**\n   * Android-specific drawable resource, asset name, or inline SVG.\n   */\n  android?: {\n    /**\n     * Drawable resource name without the `R.drawable.` prefix.\n     */\n    resource?: string;\n\n    /**\n     * Bundled image asset name.\n     */\n    image?: string;\n\n    /**\n     * Android-specific inline SVG markup.\n     */\n    svg?: string;\n  };\n}\n\n/**\n * Native bar colors. Use CSS-style hex strings (`#RRGGBB` or `#AARRGGBB`).\n */\nexport interface NativeNavigationColors {\n  /**\n   * When `true`, Android 12+ derives unspecified bar colors from Material You\n   * system palettes. Explicit color fields still win.\n   */\n  dynamic?: boolean;\n\n  /**\n   * Tint color for active buttons/items.\n   */\n  tint?: string;\n\n  /**\n   * Color for inactive tab items.\n   */\n  inactiveTint?: string;\n\n  /**\n   * Optional background tint. Ignored on iOS 26+ so UIKit can preserve the\n   * system Liquid Glass navigation appearance.\n   */\n  background?: string;\n\n  /**\n   * Title and label text color where the native platform supports it.\n   */\n  foreground?: string;\n\n  /**\n   * Badge background color for native tab badges.\n   */\n  badgeBackground?: string;\n\n  /**\n   * Badge text color for native tab badges.\n   */\n  badgeText?: string;\n\n  /**\n   * Active tab indicator color on Android.\n   */\n  indicator?: string;\n\n  /**\n   * Tab press ripple color on Android.\n   */\n  ripple?: string;\n}\n\n/**\n * Global plugin configuration.\n */\nexport interface NativeNavigationConfigureOptions {\n  /**\n   * Enables or disables the native chrome host.\n   */\n  enabled?: boolean;\n\n  /**\n   * Native style preference. `auto` uses the current platform.\n   */\n  platformStyle?: NativeNavigationPlatformStyle;\n\n  /**\n   * When `css`, the plugin writes CSS variables on `document.documentElement`.\n   */\n  contentInsetMode?: NativeNavigationContentInsetMode;\n\n  /**\n   * Default native transition duration in milliseconds.\n   */\n  animationDuration?: number;\n\n  /**\n   * Shared color hints for native bars.\n   */\n  colors?: NativeNavigationColors;\n\n  /**\n   * Shared glass background defaults for native bars.\n   */\n  glass?: NativeNavigationGlassOptions;\n}\n\n/**\n * A button shown in the native navbar.\n */\nexport interface NativeNavigationBarButton {\n  /**\n   * Stable id returned in `navbarItemTap`.\n   */\n  id: string;\n\n  /**\n   * Visible text label.\n   */\n  title?: string;\n\n  /**\n   * Native icon descriptor.\n   */\n  icon?: NativeNavigationIcon;\n\n  /**\n   * Whether the action is enabled. Defaults to `true`.\n   */\n  enabled?: boolean;\n}\n\n/**\n * Native back button configuration.\n */\nexport interface NativeNavigationBackButton {\n  /**\n   * Show the native back affordance.\n   */\n  visible?: boolean;\n\n  /**\n   * Optional back title.\n   */\n  title?: string;\n}\n\n/**\n * Native navbar state.\n */\nexport interface NativeNavigationNavbarOptions {\n  /**\n   * Hide the native navbar.\n   */\n  hidden?: boolean;\n\n  /**\n   * Main title.\n   */\n  title?: string;\n\n  /**\n   * Secondary title where supported by the platform.\n   */\n  subtitle?: string;\n\n  /**\n   * Prefer a large iOS title style.\n   */\n  large?: boolean;\n\n  /**\n   * Prefer transparent/scroll-edge style.\n   */\n  transparent?: boolean;\n\n  /**\n   * iOS blur/material effect for the navbar background when glass is not\n   * available. Defaults to `systemChromeMaterial` for transparent bars.\n   */\n  blurEffect?: NativeNavigationBlurEffect;\n\n  /**\n   * Optional glass background behavior. Overrides `configure({ glass })` for\n   * this navbar update.\n   */\n  glass?: NativeNavigationGlassOptions;\n\n  /**\n   * Back button state.\n   */\n  backButton?: NativeNavigationBackButton;\n\n  /**\n   * Left-side action buttons.\n   */\n  leftItems?: NativeNavigationBarButton[];\n\n  /**\n   * Right-side action buttons.\n   */\n  rightItems?: NativeNavigationBarButton[];\n\n  /**\n   * Navbar color hints.\n   */\n  colors?: NativeNavigationColors;\n\n  /**\n   * Animate native navbar changes.\n   */\n  animated?: boolean;\n}\n\n/**\n * A native tab item.\n */\nexport interface NativeNavigationTab {\n  /**\n   * Stable tab id returned in `tabSelect`.\n   */\n  id: string;\n\n  /**\n   * Visible tab label.\n   */\n  title?: string;\n\n  /**\n   * Native icon descriptor.\n   */\n  icon?: NativeNavigationIcon;\n\n  /**\n   * Optional selected-state icon.\n   */\n  selectedIcon?: NativeNavigationIcon;\n\n  /**\n   * Optional badge. Numeric badges are supported on both platforms; text badge\n   * support depends on platform capabilities.\n   */\n  badge?: string | number;\n\n  /**\n   * Whether the tab is enabled. Defaults to `true`.\n   */\n  enabled?: boolean;\n}\n\n/**\n * Native tabbar layout and background shape options.\n */\nexport interface NativeNavigationTabbarStyle {\n  /**\n   * `floating` keeps the existing capsule tabbar. `curve` draws a full-width\n   * bar with a center notch and raised center tab.\n   */\n  shape?: NativeNavigationTabbarShape;\n\n  /**\n   * Bar height in native points/dp. Defaults to `64` for `floating` and `76`\n   * for `curve`.\n   */\n  height?: number;\n\n  /**\n   * Horizontal margin in native points/dp. Defaults to `24` for `floating` and\n   * `0` for `curve`.\n   */\n  horizontalMargin?: number;\n\n  /**\n   * Maximum tabbar width in native points/dp. Defaults to `430` for `floating`;\n   * `curve` uses the available width unless this is set.\n   */\n  maxWidth?: number;\n\n  /**\n   * Bottom gap above the platform safe area in native points/dp. Defaults to\n   * `10` for `floating` and `0` for `curve`.\n   */\n  bottomGap?: number;\n\n  /**\n   * Background corner radius in native points/dp. Defaults to a capsule radius\n   * for `floating` and `24` for `curve`.\n   */\n  cornerRadius?: number;\n\n  /**\n   * Tab id promoted into the raised center button for `curve`. Defaults to the\n   * middle tab.\n   */\n  centerItemId?: string;\n\n  /**\n   * Raised center button diameter in native points/dp. Defaults to `76`.\n   */\n  centerButtonDiameter?: number;\n\n  /**\n   * Distance from the top of the center button to the top edge of the bar in\n   * native points/dp. Defaults to half of `centerButtonDiameter`.\n   */\n  centerButtonLift?: number;\n\n  /**\n   * Raised center button color. Defaults to the active tint color.\n   */\n  centerButtonColor?: string;\n\n  /**\n   * Raised center button icon color. Defaults to white.\n   */\n  centerButtonIconColor?: string;\n}\n\n/**\n * Native tabbar state.\n */\nexport interface NativeNavigationTabbarOptions {\n  /**\n   * Hide the native tabbar.\n   */\n  hidden?: boolean;\n\n  /**\n   * Tab definitions.\n   */\n  tabs?: NativeNavigationTab[];\n\n  /**\n   * Currently selected tab id.\n   */\n  selectedId?: string;\n\n  /**\n   * Show text labels. Defaults to `true`.\n   */\n  labels?: boolean;\n\n  /**\n   * Native label visibility mode. Overrides `labels` when provided.\n   */\n  labelVisibilityMode?: NativeNavigationTabLabelVisibilityMode;\n\n  /**\n   * Show icons. Defaults to `true`.\n   */\n  icons?: boolean;\n\n  /**\n   * Tabbar color hints.\n   */\n  colors?: NativeNavigationColors;\n\n  /**\n   * iOS blur/material effect for the tabbar background when glass is not\n   * available.\n   */\n  blurEffect?: NativeNavigationBlurEffect;\n\n  /**\n   * Optional glass background behavior. Overrides `configure({ glass })` for\n   * this tabbar update.\n   */\n  glass?: NativeNavigationGlassOptions;\n\n  /**\n   * Keep the iOS scroll-edge tabbar appearance from becoming transparent.\n   * Mirrors Expo Router native tabs' `disableTransparentOnScrollEdge` option.\n   * Defaults to `false`.\n   */\n  disableTransparentOnScrollEdge?: boolean;\n\n  /**\n   * Disable the Android active tab indicator.\n   */\n  disableIndicator?: boolean;\n\n  /**\n   * Active tab indicator color on Android. `colors.indicator` is also\n   * supported.\n   */\n  indicatorColor?: string;\n\n  /**\n   * Tab press ripple color on Android. `colors.ripple` is also supported.\n   */\n  rippleColor?: string;\n\n  /**\n   * Badge background color. `colors.badgeBackground` is also supported.\n   */\n  badgeBackgroundColor?: string;\n\n  /**\n   * Badge text color. `colors.badgeText` is also supported.\n   */\n  badgeTextColor?: string;\n\n  /**\n   * Optional native tabbar layout and shape customization.\n   */\n  style?: NativeNavigationTabbarStyle;\n\n  /**\n   * Animate native tabbar changes.\n   */\n  animated?: boolean;\n}\n\n/**\n * Insets exposed to web content.\n */\nexport interface NativeNavigationInsets {\n  top: number;\n  right: number;\n  bottom: number;\n  left: number;\n  navbarHeight: number;\n  tabbarHeight: number;\n}\n\n/**\n * Returned by methods that may change safe content bounds.\n */\nexport interface NativeNavigationInsetsResult {\n  insets: NativeNavigationInsets;\n}\n\n/**\n * Begin a native transition transaction before JS changes route content.\n */\nexport interface NativeNavigationBeginTransitionOptions {\n  id?: string;\n  direction?: NativeNavigationTransitionDirection;\n  duration?: number;\n  /**\n   * Source rectangle for `zoom` transitions. Use viewport coordinates such as\n   * those returned by `Element.getBoundingClientRect()`.\n   */\n  sourceRect?: NativeNavigationRect;\n  /**\n   * Destination rectangle for shared-element-style `zoom` transitions.\n   */\n  targetRect?: NativeNavigationRect;\n  /**\n   * Corner radius used while animating a `zoom` transition.\n   */\n  cornerRadius?: number;\n}\n\n/**\n * Finish a native transition transaction after JS has changed route content.\n */\nexport interface NativeNavigationFinishTransitionOptions {\n  id?: string;\n  direction?: NativeNavigationTransitionDirection;\n  duration?: number;\n  /**\n   * Source rectangle for `zoom` transitions when no active source was recorded.\n   */\n  sourceRect?: NativeNavigationRect;\n  /**\n   * Destination rectangle for shared-element-style `zoom` transitions.\n   */\n  targetRect?: NativeNavigationRect;\n  /**\n   * Corner radius used while animating a `zoom` transition.\n   */\n  cornerRadius?: number;\n}\n\n/**\n * Native transition result.\n */\nexport interface NativeNavigationTransitionResult {\n  id: string;\n  direction: NativeNavigationTransitionDirection;\n  duration: number;\n}\n\n/**\n * Plugin version payload.\n */\nexport interface PluginVersionResult {\n  /**\n   * Version identifier returned by the platform implementation.\n   */\n  version: string;\n}\n\nexport interface NativeNavigationBackEvent {\n  source: 'navbar';\n}\n\nexport interface NativeNavigationBarItemTapEvent {\n  id: string;\n  title?: string;\n  placement: 'left' | 'right';\n}\n\nexport interface NativeNavigationTabSelectEvent {\n  id: string;\n  index: number;\n  title?: string;\n}\n\nexport interface NativeNavigationSafeAreaChangedEvent {\n  insets: NativeNavigationInsets;\n}\n\nexport interface NativeNavigationTransitionEvent {\n  id: string;\n  direction: NativeNavigationTransitionDirection;\n  duration: number;\n}\n\n/**\n * Framework-agnostic native navigation chrome API.\n */\nexport interface NativeNavigationPlugin {\n  /**\n   * Configure the native chrome host and content inset behavior.\n   */\n  configure(options?: NativeNavigationConfigureOptions): Promise<NativeNavigationInsetsResult>;\n\n  /**\n   * Render or update the native navbar.\n   */\n  setNavbar(options: NativeNavigationNavbarOptions): Promise<NativeNavigationInsetsResult>;\n\n  /**\n   * Render or update the native tabbar.\n   */\n  setTabbar(options: NativeNavigationTabbarOptions): Promise<NativeNavigationInsetsResult>;\n\n  /**\n   * Capture the current WebView and prepare a native transition.\n   */\n  beginTransition(options?: NativeNavigationBeginTransitionOptions): Promise<NativeNavigationTransitionResult>;\n\n  /**\n   * Animate from the captured WebView snapshot to the current live WebView.\n   */\n  finishTransition(options?: NativeNavigationFinishTransitionOptions): Promise<NativeNavigationTransitionResult>;\n\n  /**\n   * Returns the platform implementation version marker.\n   */\n  getPluginVersion(): Promise<PluginVersionResult>;\n\n  addListener(\n    eventName: 'navbarBack',\n    listenerFunc: (event: NativeNavigationBackEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'navbarItemTap',\n    listenerFunc: (event: NativeNavigationBarItemTapEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'tabSelect',\n    listenerFunc: (event: NativeNavigationTabSelectEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'safeAreaChanged',\n    listenerFunc: (event: NativeNavigationSafeAreaChangedEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'transitionStart',\n    listenerFunc: (event: NativeNavigationTransitionEvent) => void,\n  ): Promise<PluginListenerHandle>;\n\n  addListener(\n    eventName: 'transitionEnd',\n    listenerFunc: (event: NativeNavigationTransitionEvent) => void,\n  ): Promise<PluginListenerHandle>;\n}\n"]}

package/dist/esm/web.d.ts

@@ -12,6 +12,7 @@ export declare class NativeNavigationWeb extends WebPlugin implements NativeNavi
     finishTransition(options?: NativeNavigationFinishTransitionOptions): Promise<NativeNavigationTransitionResult>;
     getPluginVersion(): Promise<PluginVersionResult>;
     private createTransition;
+    private currentTabbarHeight;
     private applyInsets;
     private dispatchWindowEvent;
 }

package/dist/esm/web.js

@@ -23,7 +23,7 @@ export class NativeNavigationWeb extends WebPlugin {
         return this.applyInsets();
     }
     async setTabbar(options) {
-        this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });
+        this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), style: Object.assign(Object.assign({}, this.tabbar.style), options.style), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });
         return this.applyInsets();
     }
     async beginTransition(options = {}) {
@@ -54,17 +54,30 @@ export class NativeNavigationWeb extends WebPlugin {
         if (duration === void 0) { duration = (_a = this.config.animationDuration) !== null && _a !== void 0 ? _a : DEFAULT_TRANSITION_DURATION; }
         return { id, direction, duration };
     }
+    currentTabbarHeight() {
+        var _a, _b, _c, _d;
+        const style = this.tabbar.style;
+        if (!style) {
+            return DEFAULT_TABBAR_HEIGHT;
+        }
+        const defaultHeight = style.shape === 'curve' ? 76 : style.shape === 'floating' ? 64 : DEFAULT_TABBAR_HEIGHT;
+        const height = (_a = style.height) !== null && _a !== void 0 ? _a : defaultHeight;
+        const bottomGap = (_b = style.bottomGap) !== null && _b !== void 0 ? _b : (style.shape === 'curve' ? 0 : 10);
+        const centerButtonLift = style.shape === 'curve' ? ((_c = style.centerButtonLift) !== null && _c !== void 0 ? _c : ((_d = style.centerButtonDiameter) !== null && _d !== void 0 ? _d : 76) / 2) : 0;
+        return Math.ceil(height + bottomGap + centerButtonLift);
+    }
     applyInsets() {
         const enabled = this.config.enabled !== false;
         const navbarVisible = enabled && this.navbar.hidden !== true;
         const tabbarVisible = enabled && this.tabbar.hidden !== true;
+        const tabbarHeight = tabbarVisible ? this.currentTabbarHeight() : 0;
         const insets = {
             top: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,
             right: 0,
-            bottom: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,
+            bottom: tabbarHeight,
             left: 0,
             navbarHeight: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,
-            tabbarHeight: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,
+            tabbarHeight,
         };
         if (this.config.contentInsetMode !== 'none' && typeof document !== 'undefined') {
             const root = document.documentElement;

package/dist/esm/web.js.map

@@ -1 +1 @@
-{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  NativeNavigationBeginTransitionOptions,\n  NativeNavigationConfigureOptions,\n  NativeNavigationFinishTransitionOptions,\n  NativeNavigationInsets,\n  NativeNavigationInsetsResult,\n  NativeNavigationNavbarOptions,\n  NativeNavigationPlugin,\n  NativeNavigationTabbarOptions,\n  NativeNavigationTransitionDirection,\n  NativeNavigationTransitionResult,\n  PluginVersionResult,\n} from './definitions';\n\nconst DEFAULT_NAVBAR_HEIGHT = 44;\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst DEFAULT_TRANSITION_DURATION = 350;\n\nexport class NativeNavigationWeb extends WebPlugin implements NativeNavigationPlugin {\n  private config: NativeNavigationConfigureOptions = {\n    contentInsetMode: 'css',\n    enabled: true,\n    platformStyle: 'auto',\n  };\n  private navbar: NativeNavigationNavbarOptions = { hidden: true };\n  private tabbar: NativeNavigationTabbarOptions = { hidden: true };\n  private activeTransition: NativeNavigationTransitionResult | null = null;\n\n  async configure(options: NativeNavigationConfigureOptions = {}): Promise<NativeNavigationInsetsResult> {\n    this.config = {\n      ...this.config,\n      ...options,\n      colors: {\n        ...this.config.colors,\n        ...options.colors,\n      },\n      glass: {\n        ...this.config.glass,\n        ...options.glass,\n      },\n    };\n    return this.applyInsets();\n  }\n\n  async setNavbar(options: NativeNavigationNavbarOptions): Promise<NativeNavigationInsetsResult> {\n    this.navbar = {\n      ...this.navbar,\n      ...options,\n      colors: {\n        ...this.navbar.colors,\n        ...options.colors,\n      },\n      glass: {\n        ...this.navbar.glass,\n        ...options.glass,\n      },\n    };\n    return this.applyInsets();\n  }\n\n  async setTabbar(options: NativeNavigationTabbarOptions): Promise<NativeNavigationInsetsResult> {\n    this.tabbar = {\n      ...this.tabbar,\n      ...options,\n      colors: {\n        ...this.tabbar.colors,\n        ...options.colors,\n      },\n      glass: {\n        ...this.tabbar.glass,\n        ...options.glass,\n      },\n    };\n    return this.applyInsets();\n  }\n\n  async beginTransition(\n    options: NativeNavigationBeginTransitionOptions = {},\n  ): Promise<NativeNavigationTransitionResult> {\n    const transition = this.createTransition(options.id, options.direction, options.duration);\n    this.activeTransition = transition;\n    this.notifyListeners('transitionStart', transition);\n    this.dispatchWindowEvent('transitionStart', transition);\n    return transition;\n  }\n\n  async finishTransition(\n    options: NativeNavigationFinishTransitionOptions = {},\n  ): Promise<NativeNavigationTransitionResult> {\n    const transition =\n      this.activeTransition && (!options.id || options.id === this.activeTransition.id)\n        ? {\n            ...this.activeTransition,\n            direction: options.direction ?? this.activeTransition.direction,\n            duration: options.duration ?? this.activeTransition.duration,\n          }\n        : this.createTransition(options.id, options.direction, options.duration);\n\n    this.activeTransition = null;\n    this.notifyListeners('transitionEnd', transition);\n    this.dispatchWindowEvent('transitionEnd', transition);\n    return transition;\n  }\n\n  async getPluginVersion(): Promise<PluginVersionResult> {\n    return {\n      version: 'web',\n    };\n  }\n\n  private createTransition(\n    id = `transition-${Date.now()}`,\n    direction: NativeNavigationTransitionDirection = 'forward',\n    duration = this.config.animationDuration ?? DEFAULT_TRANSITION_DURATION,\n  ): NativeNavigationTransitionResult {\n    return { id, direction, duration };\n  }\n\n  private applyInsets(): NativeNavigationInsetsResult {\n    const enabled = this.config.enabled !== false;\n    const navbarVisible = enabled && this.navbar.hidden !== true;\n    const tabbarVisible = enabled && this.tabbar.hidden !== true;\n    const insets: NativeNavigationInsets = {\n      top: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n      right: 0,\n      bottom: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,\n      left: 0,\n      navbarHeight: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n      tabbarHeight: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,\n    };\n\n    if (this.config.contentInsetMode !== 'none' && typeof document !== 'undefined') {\n      const root = document.documentElement;\n      root.style.setProperty('--cap-native-navigation-top', `${insets.top}px`);\n      root.style.setProperty('--cap-native-navigation-right', `${insets.right}px`);\n      root.style.setProperty('--cap-native-navigation-bottom', `${insets.bottom}px`);\n      root.style.setProperty('--cap-native-navigation-left', `${insets.left}px`);\n      root.style.setProperty('--cap-native-navbar-height', `${insets.navbarHeight}px`);\n      root.style.setProperty('--cap-native-tabbar-height', `${insets.tabbarHeight}px`);\n    }\n\n    const event = { insets };\n    this.notifyListeners('safeAreaChanged', event);\n    this.dispatchWindowEvent('safeAreaChanged', event);\n    return { insets };\n  }\n\n  private dispatchWindowEvent(name: string, detail: unknown): void {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.dispatchEvent(new CustomEvent(`capNativeNavigation:${name}`, { detail }));\n  }\n}\n"]}
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"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","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  NativeNavigationBeginTransitionOptions,\n  NativeNavigationConfigureOptions,\n  NativeNavigationFinishTransitionOptions,\n  NativeNavigationInsets,\n  NativeNavigationInsetsResult,\n  NativeNavigationNavbarOptions,\n  NativeNavigationPlugin,\n  NativeNavigationTabbarOptions,\n  NativeNavigationTransitionDirection,\n  NativeNavigationTransitionResult,\n  PluginVersionResult,\n} from './definitions';\n\nconst DEFAULT_NAVBAR_HEIGHT = 44;\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst DEFAULT_TRANSITION_DURATION = 350;\n\nexport class NativeNavigationWeb extends WebPlugin implements NativeNavigationPlugin {\n  private config: NativeNavigationConfigureOptions = {\n    contentInsetMode: 'css',\n    enabled: true,\n    platformStyle: 'auto',\n  };\n  private navbar: NativeNavigationNavbarOptions = { hidden: true };\n  private tabbar: NativeNavigationTabbarOptions = { hidden: true };\n  private activeTransition: NativeNavigationTransitionResult | null = null;\n\n  async configure(options: NativeNavigationConfigureOptions = {}): Promise<NativeNavigationInsetsResult> {\n    this.config = {\n      ...this.config,\n      ...options,\n      colors: {\n        ...this.config.colors,\n        ...options.colors,\n      },\n      glass: {\n        ...this.config.glass,\n        ...options.glass,\n      },\n    };\n    return this.applyInsets();\n  }\n\n  async setNavbar(options: NativeNavigationNavbarOptions): Promise<NativeNavigationInsetsResult> {\n    this.navbar = {\n      ...this.navbar,\n      ...options,\n      colors: {\n        ...this.navbar.colors,\n        ...options.colors,\n      },\n      glass: {\n        ...this.navbar.glass,\n        ...options.glass,\n      },\n    };\n    return this.applyInsets();\n  }\n\n  async setTabbar(options: NativeNavigationTabbarOptions): Promise<NativeNavigationInsetsResult> {\n    this.tabbar = {\n      ...this.tabbar,\n      ...options,\n      colors: {\n        ...this.tabbar.colors,\n        ...options.colors,\n      },\n      style: {\n        ...this.tabbar.style,\n        ...options.style,\n      },\n      glass: {\n        ...this.tabbar.glass,\n        ...options.glass,\n      },\n    };\n    return this.applyInsets();\n  }\n\n  async beginTransition(\n    options: NativeNavigationBeginTransitionOptions = {},\n  ): Promise<NativeNavigationTransitionResult> {\n    const transition = this.createTransition(options.id, options.direction, options.duration);\n    this.activeTransition = transition;\n    this.notifyListeners('transitionStart', transition);\n    this.dispatchWindowEvent('transitionStart', transition);\n    return transition;\n  }\n\n  async finishTransition(\n    options: NativeNavigationFinishTransitionOptions = {},\n  ): Promise<NativeNavigationTransitionResult> {\n    const transition =\n      this.activeTransition && (!options.id || options.id === this.activeTransition.id)\n        ? {\n            ...this.activeTransition,\n            direction: options.direction ?? this.activeTransition.direction,\n            duration: options.duration ?? this.activeTransition.duration,\n          }\n        : this.createTransition(options.id, options.direction, options.duration);\n\n    this.activeTransition = null;\n    this.notifyListeners('transitionEnd', transition);\n    this.dispatchWindowEvent('transitionEnd', transition);\n    return transition;\n  }\n\n  async getPluginVersion(): Promise<PluginVersionResult> {\n    return {\n      version: 'web',\n    };\n  }\n\n  private createTransition(\n    id = `transition-${Date.now()}`,\n    direction: NativeNavigationTransitionDirection = 'forward',\n    duration = this.config.animationDuration ?? DEFAULT_TRANSITION_DURATION,\n  ): NativeNavigationTransitionResult {\n    return { id, direction, duration };\n  }\n\n  private currentTabbarHeight(): number {\n    const style = this.tabbar.style;\n    if (!style) {\n      return DEFAULT_TABBAR_HEIGHT;\n    }\n\n    const defaultHeight = style.shape === 'curve' ? 76 : style.shape === 'floating' ? 64 : DEFAULT_TABBAR_HEIGHT;\n    const height = style.height ?? defaultHeight;\n    const bottomGap = style.bottomGap ?? (style.shape === 'curve' ? 0 : 10);\n    const centerButtonLift =\n      style.shape === 'curve' ? (style.centerButtonLift ?? (style.centerButtonDiameter ?? 76) / 2) : 0;\n    return Math.ceil(height + bottomGap + centerButtonLift);\n  }\n\n  private applyInsets(): NativeNavigationInsetsResult {\n    const enabled = this.config.enabled !== false;\n    const navbarVisible = enabled && this.navbar.hidden !== true;\n    const tabbarVisible = enabled && this.tabbar.hidden !== true;\n    const tabbarHeight = tabbarVisible ? this.currentTabbarHeight() : 0;\n    const insets: NativeNavigationInsets = {\n      top: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n      right: 0,\n      bottom: tabbarHeight,\n      left: 0,\n      navbarHeight: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n      tabbarHeight,\n    };\n\n    if (this.config.contentInsetMode !== 'none' && typeof document !== 'undefined') {\n      const root = document.documentElement;\n      root.style.setProperty('--cap-native-navigation-top', `${insets.top}px`);\n      root.style.setProperty('--cap-native-navigation-right', `${insets.right}px`);\n      root.style.setProperty('--cap-native-navigation-bottom', `${insets.bottom}px`);\n      root.style.setProperty('--cap-native-navigation-left', `${insets.left}px`);\n      root.style.setProperty('--cap-native-navbar-height', `${insets.navbarHeight}px`);\n      root.style.setProperty('--cap-native-tabbar-height', `${insets.tabbarHeight}px`);\n    }\n\n    const event = { insets };\n    this.notifyListeners('safeAreaChanged', event);\n    this.dispatchWindowEvent('safeAreaChanged', event);\n    return { insets };\n  }\n\n  private dispatchWindowEvent(name: string, detail: unknown): void {\n    if (typeof window === 'undefined') {\n      return;\n    }\n    window.dispatchEvent(new CustomEvent(`capNativeNavigation:${name}`, { detail }));\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -237,7 +237,7 @@ class NativeNavigationWeb extends core.WebPlugin {
         return this.applyInsets();
     }
     async setTabbar(options) {
-        this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });
+        this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), style: Object.assign(Object.assign({}, this.tabbar.style), options.style), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });
         return this.applyInsets();
     }
     async beginTransition(options = {}) {
@@ -268,17 +268,30 @@ class NativeNavigationWeb extends core.WebPlugin {
         if (duration === void 0) { duration = (_a = this.config.animationDuration) !== null && _a !== void 0 ? _a : DEFAULT_TRANSITION_DURATION; }
         return { id, direction, duration };
     }
+    currentTabbarHeight() {
+        var _a, _b, _c, _d;
+        const style = this.tabbar.style;
+        if (!style) {
+            return DEFAULT_TABBAR_HEIGHT;
+        }
+        const defaultHeight = style.shape === 'curve' ? 76 : style.shape === 'floating' ? 64 : DEFAULT_TABBAR_HEIGHT;
+        const height = (_a = style.height) !== null && _a !== void 0 ? _a : defaultHeight;
+        const bottomGap = (_b = style.bottomGap) !== null && _b !== void 0 ? _b : (style.shape === 'curve' ? 0 : 10);
+        const centerButtonLift = style.shape === 'curve' ? ((_c = style.centerButtonLift) !== null && _c !== void 0 ? _c : ((_d = style.centerButtonDiameter) !== null && _d !== void 0 ? _d : 76) / 2) : 0;
+        return Math.ceil(height + bottomGap + centerButtonLift);
+    }
     applyInsets() {
         const enabled = this.config.enabled !== false;
         const navbarVisible = enabled && this.navbar.hidden !== true;
         const tabbarVisible = enabled && this.tabbar.hidden !== true;
+        const tabbarHeight = tabbarVisible ? this.currentTabbarHeight() : 0;
         const insets = {
             top: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,
             right: 0,
-            bottom: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,
+            bottom: tabbarHeight,
             left: 0,
             navbarHeight: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,
-            tabbarHeight: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,
+            tabbarHeight,
         };
         if (this.config.contentInsetMode !== 'none' && typeof document !== 'undefined') {
             const root = document.documentElement;

package/dist/plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs.js","sources":["esm/plugin.js","esm/components.js","esm/index.js","esm/web.js"],"sourcesContent":["export const createNativeNavigationWeb = () => import('./web').then((m) => new m.NativeNavigationWeb());\n//# sourceMappingURL=plugin.js.map","const parseBoolean = (value, defaultValue = false) => {\n    if (value === null) {\n        return defaultValue;\n    }\n    return value === '' || value === 'true' || value === '1';\n};\nconst normalizeAttribute = (value) => (value ? value : undefined);\nconst typedAttribute = (element, name) => normalizeAttribute(element.getAttribute(name));\nconst parseJsonAttribute = (element, name, fallback) => {\n    const value = element.getAttribute(name);\n    if (!value) {\n        return fallback;\n    }\n    try {\n        return JSON.parse(value);\n    }\n    catch (_a) {\n        return fallback;\n    }\n};\nconst getNativeNavigation = async () => (await import('./index')).NativeNavigation;\nexport function defineNativeNavigationElements() {\n    if (typeof customElements === 'undefined' || typeof HTMLElement === 'undefined') {\n        return;\n    }\n    class CapNativeNavigationProvider extends HTMLElement {\n        static get observedAttributes() {\n            return ['enabled', 'platform-style', 'content-inset-mode', 'animation-duration', 'colors', 'glass'];\n        }\n        connectedCallback() {\n            void this.sync();\n        }\n        attributeChangedCallback() {\n            if (this.isConnected) {\n                void this.sync();\n            }\n        }\n        async sync() {\n            var _a, _b;\n            const duration = this.getAttribute('animation-duration');\n            const options = {\n                enabled: parseBoolean(this.getAttribute('enabled'), true),\n                platformStyle: (_a = typedAttribute(this, 'platform-style')) !== null && _a !== void 0 ? _a : 'auto',\n                contentInsetMode: (_b = typedAttribute(this, 'content-inset-mode')) !== null && _b !== void 0 ? _b : 'css',\n                colors: parseJsonAttribute(this, 'colors', undefined),\n                glass: parseJsonAttribute(this, 'glass', undefined),\n            };\n            if (duration) {\n                options.animationDuration = Number(duration);\n            }\n            const NativeNavigation = await getNativeNavigation();\n            await NativeNavigation.configure(options);\n        }\n    }\n    class CapNativeNavbar extends HTMLElement {\n        static get observedAttributes() {\n            return [\n                'hidden',\n                'title',\n                'subtitle',\n                'large',\n                'transparent',\n                'blur-effect',\n                'back-button',\n                'back-title',\n                'left-items',\n                'right-items',\n                'colors',\n                'glass',\n                'animated',\n            ];\n        }\n        connectedCallback() {\n            void this.sync();\n        }\n        attributeChangedCallback() {\n            if (this.isConnected) {\n                void this.sync();\n            }\n        }\n        async sync() {\n            var _a, _b;\n            const options = {\n                hidden: parseBoolean(this.getAttribute('hidden')),\n                title: (_a = this.getAttribute('title')) !== null && _a !== void 0 ? _a : undefined,\n                subtitle: (_b = this.getAttribute('subtitle')) !== null && _b !== void 0 ? _b : undefined,\n                large: parseBoolean(this.getAttribute('large')),\n                transparent: parseBoolean(this.getAttribute('transparent')),\n                blurEffect: typedAttribute(this, 'blur-effect'),\n                backButton: {\n                    visible: parseBoolean(this.getAttribute('back-button')),\n                    title: normalizeAttribute(this.getAttribute('back-title')),\n                },\n                leftItems: parseJsonAttribute(this, 'left-items', []),\n                rightItems: parseJsonAttribute(this, 'right-items', []),\n                colors: parseJsonAttribute(this, 'colors', undefined),\n                glass: parseJsonAttribute(this, 'glass', undefined),\n                animated: parseBoolean(this.getAttribute('animated')),\n            };\n            const NativeNavigation = await getNativeNavigation();\n            await NativeNavigation.setNavbar(options);\n        }\n    }\n    class CapNativeTabbar extends HTMLElement {\n        static get observedAttributes() {\n            return [\n                'hidden',\n                'tabs',\n                'selected-id',\n                'labels',\n                'label-visibility-mode',\n                'icons',\n                'colors',\n                'glass',\n                'blur-effect',\n                'disable-indicator',\n                'indicator-color',\n                'ripple-color',\n                'badge-background-color',\n                'badge-text-color',\n                'animated',\n            ];\n        }\n        connectedCallback() {\n            void this.sync();\n        }\n        attributeChangedCallback() {\n            if (this.isConnected) {\n                void this.sync();\n            }\n        }\n        async sync() {\n            const options = {\n                hidden: parseBoolean(this.getAttribute('hidden')),\n                tabs: parseJsonAttribute(this, 'tabs', []),\n                selectedId: normalizeAttribute(this.getAttribute('selected-id')),\n                labels: parseBoolean(this.getAttribute('labels'), true),\n                labelVisibilityMode: typedAttribute(this, 'label-visibility-mode'),\n                icons: parseBoolean(this.getAttribute('icons'), true),\n                colors: parseJsonAttribute(this, 'colors', undefined),\n                glass: parseJsonAttribute(this, 'glass', undefined),\n                blurEffect: typedAttribute(this, 'blur-effect'),\n                disableIndicator: parseBoolean(this.getAttribute('disable-indicator')),\n                indicatorColor: normalizeAttribute(this.getAttribute('indicator-color')),\n                rippleColor: normalizeAttribute(this.getAttribute('ripple-color')),\n                badgeBackgroundColor: normalizeAttribute(this.getAttribute('badge-background-color')),\n                badgeTextColor: normalizeAttribute(this.getAttribute('badge-text-color')),\n                animated: parseBoolean(this.getAttribute('animated')),\n            };\n            const NativeNavigation = await getNativeNavigation();\n            await NativeNavigation.setTabbar(options);\n        }\n    }\n    if (!customElements.get('cap-native-navigation-provider')) {\n        customElements.define('cap-native-navigation-provider', CapNativeNavigationProvider);\n    }\n    if (!customElements.get('cap-native-navbar')) {\n        customElements.define('cap-native-navbar', CapNativeNavbar);\n    }\n    if (!customElements.get('cap-native-tabbar')) {\n        customElements.define('cap-native-tabbar', CapNativeTabbar);\n    }\n}\n//# sourceMappingURL=components.js.map","import { registerPlugin } from '@capacitor/core';\nimport { createNativeNavigationWeb } from './plugin';\nexport const NativeNavigation = registerPlugin('NativeNavigation', {\n    web: createNativeNavigationWeb,\n});\nexport * from './definitions';\nexport { defineNativeNavigationElements } from './components';\nconst isElement = (target) => typeof Element !== 'undefined' && target instanceof Element;\nconst isDomRect = (target) => typeof DOMRect !== 'undefined' && target instanceof DOMRect;\n/**\n * Convert an element or DOMRect into viewport coordinates accepted by native\n * zoom transitions.\n */\nexport const getNativeNavigationRect = (target) => {\n    const rect = isElement(target) ? target.getBoundingClientRect() : target;\n    if (isDomRect(rect)) {\n        return {\n            x: rect.x,\n            y: rect.y,\n            width: rect.width,\n            height: rect.height,\n        };\n    }\n    return {\n        x: rect.x,\n        y: rect.y,\n        width: rect.width,\n        height: rect.height,\n    };\n};\n/**\n * Begin an Apple-Zoom-style native transition from a DOM element or rect.\n */\nexport const beginZoomTransition = (target, options = {}) => NativeNavigation.beginTransition(Object.assign(Object.assign({}, options), { direction: 'zoom', sourceRect: getNativeNavigationRect(target) }));\n/**\n * Finish an Apple-Zoom-style native transition into an optional DOM element or\n * rect on the destination route.\n */\nexport const finishZoomTransition = (target, options = {}) => NativeNavigation.finishTransition(Object.assign(Object.assign({}, options), { direction: 'zoom', targetRect: target ? getNativeNavigationRect(target) : undefined }));\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nconst DEFAULT_NAVBAR_HEIGHT = 44;\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst DEFAULT_TRANSITION_DURATION = 350;\nexport class NativeNavigationWeb extends WebPlugin {\n    constructor() {\n        super(...arguments);\n        this.config = {\n            contentInsetMode: 'css',\n            enabled: true,\n            platformStyle: 'auto',\n        };\n        this.navbar = { hidden: true };\n        this.tabbar = { hidden: true };\n        this.activeTransition = null;\n    }\n    async configure(options = {}) {\n        this.config = Object.assign(Object.assign(Object.assign({}, this.config), options), { colors: Object.assign(Object.assign({}, this.config.colors), options.colors), glass: Object.assign(Object.assign({}, this.config.glass), options.glass) });\n        return this.applyInsets();\n    }\n    async setNavbar(options) {\n        this.navbar = Object.assign(Object.assign(Object.assign({}, this.navbar), options), { colors: Object.assign(Object.assign({}, this.navbar.colors), options.colors), glass: Object.assign(Object.assign({}, this.navbar.glass), options.glass) });\n        return this.applyInsets();\n    }\n    async setTabbar(options) {\n        this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });\n        return this.applyInsets();\n    }\n    async beginTransition(options = {}) {\n        const transition = this.createTransition(options.id, options.direction, options.duration);\n        this.activeTransition = transition;\n        this.notifyListeners('transitionStart', transition);\n        this.dispatchWindowEvent('transitionStart', transition);\n        return transition;\n    }\n    async finishTransition(options = {}) {\n        var _a, _b;\n        const transition = this.activeTransition && (!options.id || options.id === this.activeTransition.id)\n            ? Object.assign(Object.assign({}, this.activeTransition), { direction: (_a = options.direction) !== null && _a !== void 0 ? _a : this.activeTransition.direction, duration: (_b = options.duration) !== null && _b !== void 0 ? _b : this.activeTransition.duration }) : this.createTransition(options.id, options.direction, options.duration);\n        this.activeTransition = null;\n        this.notifyListeners('transitionEnd', transition);\n        this.dispatchWindowEvent('transitionEnd', transition);\n        return transition;\n    }\n    async getPluginVersion() {\n        return {\n            version: 'web',\n        };\n    }\n    createTransition(id, direction, duration) {\n        var _a;\n        if (id === void 0) { id = `transition-${Date.now()}`; }\n        if (direction === void 0) { direction = 'forward'; }\n        if (duration === void 0) { duration = (_a = this.config.animationDuration) !== null && _a !== void 0 ? _a : DEFAULT_TRANSITION_DURATION; }\n        return { id, direction, duration };\n    }\n    applyInsets() {\n        const enabled = this.config.enabled !== false;\n        const navbarVisible = enabled && this.navbar.hidden !== true;\n        const tabbarVisible = enabled && this.tabbar.hidden !== true;\n        const insets = {\n            top: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n            right: 0,\n            bottom: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,\n            left: 0,\n            navbarHeight: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n            tabbarHeight: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,\n        };\n        if (this.config.contentInsetMode !== 'none' && typeof document !== 'undefined') {\n            const root = document.documentElement;\n            root.style.setProperty('--cap-native-navigation-top', `${insets.top}px`);\n            root.style.setProperty('--cap-native-navigation-right', `${insets.right}px`);\n            root.style.setProperty('--cap-native-navigation-bottom', `${insets.bottom}px`);\n            root.style.setProperty('--cap-native-navigation-left', `${insets.left}px`);\n            root.style.setProperty('--cap-native-navbar-height', `${insets.navbarHeight}px`);\n            root.style.setProperty('--cap-native-tabbar-height', `${insets.tabbarHeight}px`);\n        }\n        const event = { insets };\n        this.notifyListeners('safeAreaChanged', event);\n        this.dispatchWindowEvent('safeAreaChanged', event);\n        return { insets };\n    }\n    dispatchWindowEvent(name, detail) {\n        if (typeof window === 'undefined') {\n            return;\n        }\n        window.dispatchEvent(new CustomEvent(`capNativeNavigation:${name}`, { detail }));\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}
+{"version":3,"file":"plugin.cjs.js","sources":["esm/plugin.js","esm/components.js","esm/index.js","esm/web.js"],"sourcesContent":["export const createNativeNavigationWeb = () => import('./web').then((m) => new m.NativeNavigationWeb());\n//# sourceMappingURL=plugin.js.map","const parseBoolean = (value, defaultValue = false) => {\n    if (value === null) {\n        return defaultValue;\n    }\n    return value === '' || value === 'true' || value === '1';\n};\nconst normalizeAttribute = (value) => (value ? value : undefined);\nconst typedAttribute = (element, name) => normalizeAttribute(element.getAttribute(name));\nconst parseJsonAttribute = (element, name, fallback) => {\n    const value = element.getAttribute(name);\n    if (!value) {\n        return fallback;\n    }\n    try {\n        return JSON.parse(value);\n    }\n    catch (_a) {\n        return fallback;\n    }\n};\nconst getNativeNavigation = async () => (await import('./index')).NativeNavigation;\nexport function defineNativeNavigationElements() {\n    if (typeof customElements === 'undefined' || typeof HTMLElement === 'undefined') {\n        return;\n    }\n    class CapNativeNavigationProvider extends HTMLElement {\n        static get observedAttributes() {\n            return ['enabled', 'platform-style', 'content-inset-mode', 'animation-duration', 'colors', 'glass'];\n        }\n        connectedCallback() {\n            void this.sync();\n        }\n        attributeChangedCallback() {\n            if (this.isConnected) {\n                void this.sync();\n            }\n        }\n        async sync() {\n            var _a, _b;\n            const duration = this.getAttribute('animation-duration');\n            const options = {\n                enabled: parseBoolean(this.getAttribute('enabled'), true),\n                platformStyle: (_a = typedAttribute(this, 'platform-style')) !== null && _a !== void 0 ? _a : 'auto',\n                contentInsetMode: (_b = typedAttribute(this, 'content-inset-mode')) !== null && _b !== void 0 ? _b : 'css',\n                colors: parseJsonAttribute(this, 'colors', undefined),\n                glass: parseJsonAttribute(this, 'glass', undefined),\n            };\n            if (duration) {\n                options.animationDuration = Number(duration);\n            }\n            const NativeNavigation = await getNativeNavigation();\n            await NativeNavigation.configure(options);\n        }\n    }\n    class CapNativeNavbar extends HTMLElement {\n        static get observedAttributes() {\n            return [\n                'hidden',\n                'title',\n                'subtitle',\n                'large',\n                'transparent',\n                'blur-effect',\n                'back-button',\n                'back-title',\n                'left-items',\n                'right-items',\n                'colors',\n                'glass',\n                'animated',\n            ];\n        }\n        connectedCallback() {\n            void this.sync();\n        }\n        attributeChangedCallback() {\n            if (this.isConnected) {\n                void this.sync();\n            }\n        }\n        async sync() {\n            var _a, _b;\n            const options = {\n                hidden: parseBoolean(this.getAttribute('hidden')),\n                title: (_a = this.getAttribute('title')) !== null && _a !== void 0 ? _a : undefined,\n                subtitle: (_b = this.getAttribute('subtitle')) !== null && _b !== void 0 ? _b : undefined,\n                large: parseBoolean(this.getAttribute('large')),\n                transparent: parseBoolean(this.getAttribute('transparent')),\n                blurEffect: typedAttribute(this, 'blur-effect'),\n                backButton: {\n                    visible: parseBoolean(this.getAttribute('back-button')),\n                    title: normalizeAttribute(this.getAttribute('back-title')),\n                },\n                leftItems: parseJsonAttribute(this, 'left-items', []),\n                rightItems: parseJsonAttribute(this, 'right-items', []),\n                colors: parseJsonAttribute(this, 'colors', undefined),\n                glass: parseJsonAttribute(this, 'glass', undefined),\n                animated: parseBoolean(this.getAttribute('animated')),\n            };\n            const NativeNavigation = await getNativeNavigation();\n            await NativeNavigation.setNavbar(options);\n        }\n    }\n    class CapNativeTabbar extends HTMLElement {\n        static get observedAttributes() {\n            return [\n                'hidden',\n                'tabs',\n                'selected-id',\n                'labels',\n                'label-visibility-mode',\n                'icons',\n                'colors',\n                'glass',\n                'blur-effect',\n                'disable-indicator',\n                'indicator-color',\n                'ripple-color',\n                'badge-background-color',\n                'badge-text-color',\n                'animated',\n            ];\n        }\n        connectedCallback() {\n            void this.sync();\n        }\n        attributeChangedCallback() {\n            if (this.isConnected) {\n                void this.sync();\n            }\n        }\n        async sync() {\n            const options = {\n                hidden: parseBoolean(this.getAttribute('hidden')),\n                tabs: parseJsonAttribute(this, 'tabs', []),\n                selectedId: normalizeAttribute(this.getAttribute('selected-id')),\n                labels: parseBoolean(this.getAttribute('labels'), true),\n                labelVisibilityMode: typedAttribute(this, 'label-visibility-mode'),\n                icons: parseBoolean(this.getAttribute('icons'), true),\n                colors: parseJsonAttribute(this, 'colors', undefined),\n                glass: parseJsonAttribute(this, 'glass', undefined),\n                blurEffect: typedAttribute(this, 'blur-effect'),\n                disableIndicator: parseBoolean(this.getAttribute('disable-indicator')),\n                indicatorColor: normalizeAttribute(this.getAttribute('indicator-color')),\n                rippleColor: normalizeAttribute(this.getAttribute('ripple-color')),\n                badgeBackgroundColor: normalizeAttribute(this.getAttribute('badge-background-color')),\n                badgeTextColor: normalizeAttribute(this.getAttribute('badge-text-color')),\n                animated: parseBoolean(this.getAttribute('animated')),\n            };\n            const NativeNavigation = await getNativeNavigation();\n            await NativeNavigation.setTabbar(options);\n        }\n    }\n    if (!customElements.get('cap-native-navigation-provider')) {\n        customElements.define('cap-native-navigation-provider', CapNativeNavigationProvider);\n    }\n    if (!customElements.get('cap-native-navbar')) {\n        customElements.define('cap-native-navbar', CapNativeNavbar);\n    }\n    if (!customElements.get('cap-native-tabbar')) {\n        customElements.define('cap-native-tabbar', CapNativeTabbar);\n    }\n}\n//# sourceMappingURL=components.js.map","import { registerPlugin } from '@capacitor/core';\nimport { createNativeNavigationWeb } from './plugin';\nexport const NativeNavigation = registerPlugin('NativeNavigation', {\n    web: createNativeNavigationWeb,\n});\nexport * from './definitions';\nexport { defineNativeNavigationElements } from './components';\nconst isElement = (target) => typeof Element !== 'undefined' && target instanceof Element;\nconst isDomRect = (target) => typeof DOMRect !== 'undefined' && target instanceof DOMRect;\n/**\n * Convert an element or DOMRect into viewport coordinates accepted by native\n * zoom transitions.\n */\nexport const getNativeNavigationRect = (target) => {\n    const rect = isElement(target) ? target.getBoundingClientRect() : target;\n    if (isDomRect(rect)) {\n        return {\n            x: rect.x,\n            y: rect.y,\n            width: rect.width,\n            height: rect.height,\n        };\n    }\n    return {\n        x: rect.x,\n        y: rect.y,\n        width: rect.width,\n        height: rect.height,\n    };\n};\n/**\n * Begin an Apple-Zoom-style native transition from a DOM element or rect.\n */\nexport const beginZoomTransition = (target, options = {}) => NativeNavigation.beginTransition(Object.assign(Object.assign({}, options), { direction: 'zoom', sourceRect: getNativeNavigationRect(target) }));\n/**\n * Finish an Apple-Zoom-style native transition into an optional DOM element or\n * rect on the destination route.\n */\nexport const finishZoomTransition = (target, options = {}) => NativeNavigation.finishTransition(Object.assign(Object.assign({}, options), { direction: 'zoom', targetRect: target ? getNativeNavigationRect(target) : undefined }));\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nconst DEFAULT_NAVBAR_HEIGHT = 44;\nconst DEFAULT_TABBAR_HEIGHT = 49;\nconst DEFAULT_TRANSITION_DURATION = 350;\nexport class NativeNavigationWeb extends WebPlugin {\n    constructor() {\n        super(...arguments);\n        this.config = {\n            contentInsetMode: 'css',\n            enabled: true,\n            platformStyle: 'auto',\n        };\n        this.navbar = { hidden: true };\n        this.tabbar = { hidden: true };\n        this.activeTransition = null;\n    }\n    async configure(options = {}) {\n        this.config = Object.assign(Object.assign(Object.assign({}, this.config), options), { colors: Object.assign(Object.assign({}, this.config.colors), options.colors), glass: Object.assign(Object.assign({}, this.config.glass), options.glass) });\n        return this.applyInsets();\n    }\n    async setNavbar(options) {\n        this.navbar = Object.assign(Object.assign(Object.assign({}, this.navbar), options), { colors: Object.assign(Object.assign({}, this.navbar.colors), options.colors), glass: Object.assign(Object.assign({}, this.navbar.glass), options.glass) });\n        return this.applyInsets();\n    }\n    async setTabbar(options) {\n        this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), style: Object.assign(Object.assign({}, this.tabbar.style), options.style), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });\n        return this.applyInsets();\n    }\n    async beginTransition(options = {}) {\n        const transition = this.createTransition(options.id, options.direction, options.duration);\n        this.activeTransition = transition;\n        this.notifyListeners('transitionStart', transition);\n        this.dispatchWindowEvent('transitionStart', transition);\n        return transition;\n    }\n    async finishTransition(options = {}) {\n        var _a, _b;\n        const transition = this.activeTransition && (!options.id || options.id === this.activeTransition.id)\n            ? Object.assign(Object.assign({}, this.activeTransition), { direction: (_a = options.direction) !== null && _a !== void 0 ? _a : this.activeTransition.direction, duration: (_b = options.duration) !== null && _b !== void 0 ? _b : this.activeTransition.duration }) : this.createTransition(options.id, options.direction, options.duration);\n        this.activeTransition = null;\n        this.notifyListeners('transitionEnd', transition);\n        this.dispatchWindowEvent('transitionEnd', transition);\n        return transition;\n    }\n    async getPluginVersion() {\n        return {\n            version: 'web',\n        };\n    }\n    createTransition(id, direction, duration) {\n        var _a;\n        if (id === void 0) { id = `transition-${Date.now()}`; }\n        if (direction === void 0) { direction = 'forward'; }\n        if (duration === void 0) { duration = (_a = this.config.animationDuration) !== null && _a !== void 0 ? _a : DEFAULT_TRANSITION_DURATION; }\n        return { id, direction, duration };\n    }\n    currentTabbarHeight() {\n        var _a, _b, _c, _d;\n        const style = this.tabbar.style;\n        if (!style) {\n            return DEFAULT_TABBAR_HEIGHT;\n        }\n        const defaultHeight = style.shape === 'curve' ? 76 : style.shape === 'floating' ? 64 : DEFAULT_TABBAR_HEIGHT;\n        const height = (_a = style.height) !== null && _a !== void 0 ? _a : defaultHeight;\n        const bottomGap = (_b = style.bottomGap) !== null && _b !== void 0 ? _b : (style.shape === 'curve' ? 0 : 10);\n        const centerButtonLift = style.shape === 'curve' ? ((_c = style.centerButtonLift) !== null && _c !== void 0 ? _c : ((_d = style.centerButtonDiameter) !== null && _d !== void 0 ? _d : 76) / 2) : 0;\n        return Math.ceil(height + bottomGap + centerButtonLift);\n    }\n    applyInsets() {\n        const enabled = this.config.enabled !== false;\n        const navbarVisible = enabled && this.navbar.hidden !== true;\n        const tabbarVisible = enabled && this.tabbar.hidden !== true;\n        const tabbarHeight = tabbarVisible ? this.currentTabbarHeight() : 0;\n        const insets = {\n            top: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n            right: 0,\n            bottom: tabbarHeight,\n            left: 0,\n            navbarHeight: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,\n            tabbarHeight,\n        };\n        if (this.config.contentInsetMode !== 'none' && typeof document !== 'undefined') {\n            const root = document.documentElement;\n            root.style.setProperty('--cap-native-navigation-top', `${insets.top}px`);\n            root.style.setProperty('--cap-native-navigation-right', `${insets.right}px`);\n            root.style.setProperty('--cap-native-navigation-bottom', `${insets.bottom}px`);\n            root.style.setProperty('--cap-native-navigation-left', `${insets.left}px`);\n            root.style.setProperty('--cap-native-navbar-height', `${insets.navbarHeight}px`);\n            root.style.setProperty('--cap-native-tabbar-height', `${insets.tabbarHeight}px`);\n        }\n        const event = { insets };\n        this.notifyListeners('safeAreaChanged', event);\n        this.dispatchWindowEvent('safeAreaChanged', event);\n        return { insets };\n    }\n    dispatchWindowEvent(name, detail) {\n        if (typeof window === 'undefined') {\n            return;\n        }\n        window.dispatchEvent(new CustomEvent(`capNativeNavigation:${name}`, { detail }));\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}

package/dist/plugin.js

@@ -236,7 +236,7 @@ var capacitorNativeNavigation = (function (exports, core) {
             return this.applyInsets();
         }
         async setTabbar(options) {
-            this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });
+            this.tabbar = Object.assign(Object.assign(Object.assign({}, this.tabbar), options), { colors: Object.assign(Object.assign({}, this.tabbar.colors), options.colors), style: Object.assign(Object.assign({}, this.tabbar.style), options.style), glass: Object.assign(Object.assign({}, this.tabbar.glass), options.glass) });
             return this.applyInsets();
         }
         async beginTransition(options = {}) {
@@ -267,17 +267,30 @@ var capacitorNativeNavigation = (function (exports, core) {
             if (duration === void 0) { duration = (_a = this.config.animationDuration) !== null && _a !== void 0 ? _a : DEFAULT_TRANSITION_DURATION; }
             return { id, direction, duration };
         }
+        currentTabbarHeight() {
+            var _a, _b, _c, _d;
+            const style = this.tabbar.style;
+            if (!style) {
+                return DEFAULT_TABBAR_HEIGHT;
+            }
+            const defaultHeight = style.shape === 'curve' ? 76 : style.shape === 'floating' ? 64 : DEFAULT_TABBAR_HEIGHT;
+            const height = (_a = style.height) !== null && _a !== void 0 ? _a : defaultHeight;
+            const bottomGap = (_b = style.bottomGap) !== null && _b !== void 0 ? _b : (style.shape === 'curve' ? 0 : 10);
+            const centerButtonLift = style.shape === 'curve' ? ((_c = style.centerButtonLift) !== null && _c !== void 0 ? _c : ((_d = style.centerButtonDiameter) !== null && _d !== void 0 ? _d : 76) / 2) : 0;
+            return Math.ceil(height + bottomGap + centerButtonLift);
+        }
         applyInsets() {
             const enabled = this.config.enabled !== false;
             const navbarVisible = enabled && this.navbar.hidden !== true;
             const tabbarVisible = enabled && this.tabbar.hidden !== true;
+            const tabbarHeight = tabbarVisible ? this.currentTabbarHeight() : 0;
             const insets = {
                 top: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,
                 right: 0,
-                bottom: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,
+                bottom: tabbarHeight,
                 left: 0,
                 navbarHeight: navbarVisible ? DEFAULT_NAVBAR_HEIGHT : 0,
-                tabbarHeight: tabbarVisible ? DEFAULT_TABBAR_HEIGHT : 0,
+                tabbarHeight,
             };
             if (this.config.contentInsetMode !== 'none' && typeof document !== 'undefined') {
                 const root = document.documentElement;