@capgo/capacitor-native-navigation 8.0.9

package/dist/esm/components.d.ts

@@ -0,0 +1 @@
+export declare function defineNativeNavigationElements(): void;

package/dist/esm/components.js

@@ -0,0 +1,159 @@
+const parseBoolean = (value, defaultValue = false) => {
+    if (value === null) {
+        return defaultValue;
+    }
+    return value === '' || value === 'true' || value === '1';
+};
+const normalizeAttribute = (value) => (value ? value : undefined);
+const typedAttribute = (element, name) => normalizeAttribute(element.getAttribute(name));
+const parseJsonAttribute = (element, name, fallback) => {
+    const value = element.getAttribute(name);
+    if (!value) {
+        return fallback;
+    }
+    try {
+        return JSON.parse(value);
+    }
+    catch (_a) {
+        return fallback;
+    }
+};
+const getNativeNavigation = async () => (await import('./index')).NativeNavigation;
+export function defineNativeNavigationElements() {
+    if (typeof customElements === 'undefined' || typeof HTMLElement === 'undefined') {
+        return;
+    }
+    class CapNativeNavigationProvider extends HTMLElement {
+        static get observedAttributes() {
+            return ['enabled', 'platform-style', 'content-inset-mode', 'animation-duration', 'colors'];
+        }
+        connectedCallback() {
+            void this.sync();
+        }
+        attributeChangedCallback() {
+            if (this.isConnected) {
+                void this.sync();
+            }
+        }
+        async sync() {
+            var _a, _b;
+            const duration = this.getAttribute('animation-duration');
+            const options = {
+                enabled: parseBoolean(this.getAttribute('enabled'), true),
+                platformStyle: (_a = typedAttribute(this, 'platform-style')) !== null && _a !== void 0 ? _a : 'auto',
+                contentInsetMode: (_b = typedAttribute(this, 'content-inset-mode')) !== null && _b !== void 0 ? _b : 'css',
+                colors: parseJsonAttribute(this, 'colors', undefined),
+            };
+            if (duration) {
+                options.animationDuration = Number(duration);
+            }
+            const NativeNavigation = await getNativeNavigation();
+            await NativeNavigation.configure(options);
+        }
+    }
+    class CapNativeNavbar extends HTMLElement {
+        static get observedAttributes() {
+            return [
+                'hidden',
+                'title',
+                'subtitle',
+                'large',
+                'transparent',
+                'blur-effect',
+                'back-button',
+                'back-title',
+                'left-items',
+                'right-items',
+                'colors',
+                'animated',
+            ];
+        }
+        connectedCallback() {
+            void this.sync();
+        }
+        attributeChangedCallback() {
+            if (this.isConnected) {
+                void this.sync();
+            }
+        }
+        async sync() {
+            var _a, _b;
+            const options = {
+                hidden: parseBoolean(this.getAttribute('hidden')),
+                title: (_a = this.getAttribute('title')) !== null && _a !== void 0 ? _a : undefined,
+                subtitle: (_b = this.getAttribute('subtitle')) !== null && _b !== void 0 ? _b : undefined,
+                large: parseBoolean(this.getAttribute('large')),
+                transparent: parseBoolean(this.getAttribute('transparent')),
+                blurEffect: typedAttribute(this, 'blur-effect'),
+                backButton: {
+                    visible: parseBoolean(this.getAttribute('back-button')),
+                    title: normalizeAttribute(this.getAttribute('back-title')),
+                },
+                leftItems: parseJsonAttribute(this, 'left-items', []),
+                rightItems: parseJsonAttribute(this, 'right-items', []),
+                colors: parseJsonAttribute(this, 'colors', undefined),
+                animated: parseBoolean(this.getAttribute('animated')),
+            };
+            const NativeNavigation = await getNativeNavigation();
+            await NativeNavigation.setNavbar(options);
+        }
+    }
+    class CapNativeTabbar extends HTMLElement {
+        static get observedAttributes() {
+            return [
+                'hidden',
+                'tabs',
+                'selected-id',
+                'labels',
+                'label-visibility-mode',
+                'icons',
+                'colors',
+                'blur-effect',
+                'disable-indicator',
+                'indicator-color',
+                'ripple-color',
+                'badge-background-color',
+                'badge-text-color',
+                'animated',
+            ];
+        }
+        connectedCallback() {
+            void this.sync();
+        }
+        attributeChangedCallback() {
+            if (this.isConnected) {
+                void this.sync();
+            }
+        }
+        async sync() {
+            const options = {
+                hidden: parseBoolean(this.getAttribute('hidden')),
+                tabs: parseJsonAttribute(this, 'tabs', []),
+                selectedId: normalizeAttribute(this.getAttribute('selected-id')),
+                labels: parseBoolean(this.getAttribute('labels'), true),
+                labelVisibilityMode: typedAttribute(this, 'label-visibility-mode'),
+                icons: parseBoolean(this.getAttribute('icons'), true),
+                colors: parseJsonAttribute(this, 'colors', undefined),
+                blurEffect: typedAttribute(this, 'blur-effect'),
+                disableIndicator: parseBoolean(this.getAttribute('disable-indicator')),
+                indicatorColor: normalizeAttribute(this.getAttribute('indicator-color')),
+                rippleColor: normalizeAttribute(this.getAttribute('ripple-color')),
+                badgeBackgroundColor: normalizeAttribute(this.getAttribute('badge-background-color')),
+                badgeTextColor: normalizeAttribute(this.getAttribute('badge-text-color')),
+                animated: parseBoolean(this.getAttribute('animated')),
+            };
+            const NativeNavigation = await getNativeNavigation();
+            await NativeNavigation.setTabbar(options);
+        }
+    }
+    if (!customElements.get('cap-native-navigation-provider')) {
+        customElements.define('cap-native-navigation-provider', CapNativeNavigationProvider);
+    }
+    if (!customElements.get('cap-native-navbar')) {
+        customElements.define('cap-native-navbar', CapNativeNavbar);
+    }
+    if (!customElements.get('cap-native-tabbar')) {
+        customElements.define('cap-native-tabbar', CapNativeTabbar);
+    }
+}
+//# sourceMappingURL=components.js.map

package/dist/esm/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","sourceRoot":"","sources":["../../src/components.ts"],"names":[],"mappings":"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","sourcesContent":["import type {\n  NativeNavigationConfigureOptions,\n  NativeNavigationNavbarOptions,\n  NativeNavigationTabbarOptions,\n} from './definitions';\n\nconst parseBoolean = (value: string | null, defaultValue = false): boolean => {\n  if (value === null) {\n    return defaultValue;\n  }\n  return value === '' || value === 'true' || value === '1';\n};\n\nconst normalizeAttribute = (value: string | null): string | undefined => (value ? value : undefined);\n\nconst typedAttribute = <T extends string>(element: Element, name: string): T | undefined =>\n  normalizeAttribute(element.getAttribute(name)) as T | undefined;\n\nconst parseJsonAttribute = <T>(element: Element, name: string, fallback: T): T => {\n  const value = element.getAttribute(name);\n  if (!value) {\n    return fallback;\n  }\n\n  try {\n    return JSON.parse(value) as T;\n  } catch {\n    return fallback;\n  }\n};\n\nconst getNativeNavigation = async () => (await import('./index')).NativeNavigation;\n\nexport function defineNativeNavigationElements(): void {\n  if (typeof customElements === 'undefined' || typeof HTMLElement === 'undefined') {\n    return;\n  }\n\n  class CapNativeNavigationProvider extends HTMLElement {\n    static get observedAttributes(): string[] {\n      return ['enabled', 'platform-style', 'content-inset-mode', 'animation-duration', 'colors'];\n    }\n\n    connectedCallback(): void {\n      void this.sync();\n    }\n\n    attributeChangedCallback(): void {\n      if (this.isConnected) {\n        void this.sync();\n      }\n    }\n\n    private async sync(): Promise<void> {\n      const duration = this.getAttribute('animation-duration');\n      const options: NativeNavigationConfigureOptions = {\n        enabled: parseBoolean(this.getAttribute('enabled'), true),\n        platformStyle:\n          typedAttribute<NonNullable<NativeNavigationConfigureOptions['platformStyle']>>(this, 'platform-style') ??\n          'auto',\n        contentInsetMode:\n          typedAttribute<NonNullable<NativeNavigationConfigureOptions['contentInsetMode']>>(\n            this,\n            'content-inset-mode',\n          ) ?? 'css',\n        colors: parseJsonAttribute(this, 'colors', undefined as NativeNavigationConfigureOptions['colors']),\n      };\n\n      if (duration) {\n        options.animationDuration = Number(duration);\n      }\n\n      const NativeNavigation = await getNativeNavigation();\n      await NativeNavigation.configure(options);\n    }\n  }\n\n  class CapNativeNavbar extends HTMLElement {\n    static get observedAttributes(): string[] {\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        'animated',\n      ];\n    }\n\n    connectedCallback(): void {\n      void this.sync();\n    }\n\n    attributeChangedCallback(): void {\n      if (this.isConnected) {\n        void this.sync();\n      }\n    }\n\n    private async sync(): Promise<void> {\n      const options: NativeNavigationNavbarOptions = {\n        hidden: parseBoolean(this.getAttribute('hidden')),\n        title: this.getAttribute('title') ?? undefined,\n        subtitle: this.getAttribute('subtitle') ?? undefined,\n        large: parseBoolean(this.getAttribute('large')),\n        transparent: parseBoolean(this.getAttribute('transparent')),\n        blurEffect: typedAttribute<NonNullable<NativeNavigationNavbarOptions['blurEffect']>>(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 as NativeNavigationNavbarOptions['colors']),\n        animated: parseBoolean(this.getAttribute('animated')),\n      };\n\n      const NativeNavigation = await getNativeNavigation();\n      await NativeNavigation.setNavbar(options);\n    }\n  }\n\n  class CapNativeTabbar extends HTMLElement {\n    static get observedAttributes(): string[] {\n      return [\n        'hidden',\n        'tabs',\n        'selected-id',\n        'labels',\n        'label-visibility-mode',\n        'icons',\n        'colors',\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\n    connectedCallback(): void {\n      void this.sync();\n    }\n\n    attributeChangedCallback(): void {\n      if (this.isConnected) {\n        void this.sync();\n      }\n    }\n\n    private async sync(): Promise<void> {\n      const options: NativeNavigationTabbarOptions = {\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<NonNullable<NativeNavigationTabbarOptions['labelVisibilityMode']>>(\n          this,\n          'label-visibility-mode',\n        ),\n        icons: parseBoolean(this.getAttribute('icons'), true),\n        colors: parseJsonAttribute(this, 'colors', undefined as NativeNavigationTabbarOptions['colors']),\n        blurEffect: typedAttribute<NonNullable<NativeNavigationTabbarOptions['blurEffect']>>(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\n      const NativeNavigation = await getNativeNavigation();\n      await NativeNavigation.setTabbar(options);\n    }\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"]}

package/dist/esm/definitions.d.ts

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

package/dist/esm/definitions.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=definitions.js.map