capacitor-native-tabbar 0.0.1 → 0.0.2

package/README.md

@@ -45,8 +45,8 @@ npx cap sync
 ```typescript
 import { CapTabbar } from 'capacitor-native-tabbar';
 
-// Show tab bar
-CapTabbar.show({
+// Initialize (create) the tab bar
+CapTabbar.init({
   tabs: [
     { id: 'home', label: 'Home' },
     { id: 'search', label: 'Search' },
@@ -63,11 +63,14 @@ CapTabbar.addListener('tabChange', (event) => {
 });
 
 // Get current state
-const { visible, activeTabId } = await CapTabbar.getState();
+const { initialized, visible, activeTabId } = await CapTabbar.getState();
 
-// Hide / show
+// Hide / show UI (tab bar stays in memory)
 CapTabbar.hide();
-CapTabbar.show({ tabs, selectedId: activeTabId });
+CapTabbar.show();
+
+// Destroy the tab bar completely
+CapTabbar.destroy();
 ```
 
 ## Icons
@@ -101,7 +104,7 @@ Supports PNG and vector drawable (`.xml`) on Android. Use underscores for spaces
 ## Label colors
 
 ```typescript
-CapTabbar.show({
+CapTabbar.init({
   tabs,
   selectedId: 'home',
   label_color: '#666666',        // inactive
@@ -113,7 +116,9 @@ CapTabbar.show({
 
 <docgen-index>
 
-* [`show(...)`](#show)
+* [`init(...)`](#init)
+* [`destroy()`](#destroy)
+* [`show()`](#show)
 * [`hide()`](#hide)
 * [`setSelectedTab(...)`](#setselectedtab)
 * [`getState()`](#getstate)
@@ -125,17 +130,39 @@ CapTabbar.show({
 <docgen-api>
 <!--Update the source file JSDoc comments and rerun docgen to update the docs below-->
 
-### show(...)
+### init(...)
 
 ```typescript
-show(options: ShowOptions) => Promise<void>
+init(options: InitOptions) => Promise<void>
 ```
 
-Show the native tab bar with the given configuration
+Initialize (create) the tab bar with the given configuration
 
 | Param         | Type                                                |
 | ------------- | --------------------------------------------------- |
-| **`options`** | <code><a href="#showoptions">ShowOptions</a></code> |
+| **`options`** | <code><a href="#initoptions">InitOptions</a></code> |
+
+--------------------
+
+
+### destroy()
+
+```typescript
+destroy() => Promise<void>
+```
+
+Destroy the tab bar completely (remove from view hierarchy)
+
+--------------------
+
+
+### show()
+
+```typescript
+show() => Promise<void>
+```
+
+Show the tab bar UI (make visible). Tab bar must be initialized.
 
 --------------------
 
@@ -146,7 +173,7 @@ Show the native tab bar with the given configuration
 hide() => Promise<void>
 ```
 
-Hide the tab bar
+Hide the tab bar UI (make invisible). Tab bar stays in memory.
 
 --------------------
 
@@ -172,7 +199,7 @@ Programmatically set the selected tab
 getState() => Promise<GetStateResult>
 ```
 
-Get current state: visible and active tab id
+Get current state: initialized, visible and active tab id
 
 **Returns:** <code>Promise&lt;<a href="#getstateresult">GetStateResult</a>&gt;</code>
 
@@ -200,7 +227,7 @@ Add listener for tab change events (when user taps a tab)
 ### Interfaces
 
 
-#### ShowOptions
+#### InitOptions
 
 Icons: 2 variants (base64 has priority over bundle)
 
@@ -243,10 +270,11 @@ If an icon is missing, a placeholder is shown.
 
 #### GetStateResult
 
-| Prop              | Type                 | Description                                       |
-| ----------------- | -------------------- | ------------------------------------------------- |
-| **`visible`**     | <code>boolean</code> | Whether the tab bar is currently shown            |
-| **`activeTabId`** | <code>string</code>  | ID of the active/selected tab (empty when hidden) |
+| Prop              | Type                 | Description                                                              |
+| ----------------- | -------------------- | ------------------------------------------------------------------------ |
+| **`initialized`** | <code>boolean</code> | Whether the tab bar has been initialized (created)                       |
+| **`visible`**     | <code>boolean</code> | Whether the tab bar is currently visible to the user (false when hidden) |
+| **`activeTabId`** | <code>string</code>  | ID of the active/selected tab (empty when destroyed)                     |
 
 
 #### TabChangeEvent

package/README.ru.md

@@ -45,8 +45,8 @@ npx cap sync
 ```typescript
 import { CapTabbar } from 'capacitor-native-tabbar';
 
-// Показать таб-бар
-CapTabbar.show({
+// Инициализировать (создать) таб-бар
+CapTabbar.init({
   tabs: [
     { id: 'home', label: 'Главная' },
     { id: 'search', label: 'Поиск' },
@@ -63,11 +63,14 @@ CapTabbar.addListener('tabChange', (event) => {
 });
 
 // Получить текущее состояние
-const { visible, activeTabId } = await CapTabbar.getState();
+const { initialized, visible, activeTabId } = await CapTabbar.getState();
 
-// Скрыть / показать
+// Скрыть / показать UI (таб-бар остаётся в памяти)
 CapTabbar.hide();
-CapTabbar.show({ tabs, selectedId: activeTabId });
+CapTabbar.show();
+
+// Полностью удалить таб-бар
+CapTabbar.destroy();
 ```
 
 ## Иконки
@@ -101,7 +104,7 @@ CapTabbar.show({ tabs, selectedId: activeTabId });
 ## Цвета лейбла
 
 ```typescript
-CapTabbar.show({
+CapTabbar.init({
   tabs,
   selectedId: 'home',
   label_color: '#666666',        // неактивный
@@ -111,17 +114,33 @@ CapTabbar.show({
 
 ## API
 
-### show(options)
+### init(options)
+
+Инициализировать (создать) таб-бар с заданной конфигурацией.
+
+```typescript
+init(options: InitOptions) => Promise<void>
+```
+
+### destroy()
+
+Полностью удалить таб-бар.
+
+```typescript
+destroy() => Promise<void>
+```
+
+### show()
 
-Показать таб-бар с заданной конфигурацией.
+Показать UI таб-бара (сделать видимым). Таб-бар должен быть инициализирован.
 
 ```typescript
-show(options: ShowOptions) => Promise<void>
+show() => Promise<void>
 ```
 
 ### hide()
 
-Скрыть таб-бар.
+Скрыть UI таб-бара (сделать невидимым). Таб-бар остаётся в памяти.
 
 ```typescript
 hide() => Promise<void>
@@ -137,10 +156,10 @@ setSelectedTab(options: SetSelectedTabOptions) => Promise<void>
 
 ### getState()
 
-Вернуть текущее состояние: виден ли таб-бар и id активной вкладки.
+Вернуть текущее состояние: инициализирован ли, виден ли таб-бар и id активной вкладки.
 
 ```typescript
-getState() => Promise<{ visible: boolean, activeTabId: string }>
+getState() => Promise<{ initialized: boolean, visible: boolean, activeTabId: string }>
 ```
 
 ### addListener('tabChange', listenerFunc)
@@ -153,13 +172,13 @@ addListener(eventName: 'tabChange', listenerFunc: (event: TabChangeEvent) => voi
 
 ## Интерфейсы
 
-**ShowOptions:** `tabs`, `selectedId`, `label_color?`, `label_color_active?`  
+**InitOptions:** `tabs`, `selectedId`, `label_color?`, `label_color_active?`  
 
 **TabItem:** `id`, `label`, `base64_icon?`, `base64_active_icon?`  
 
 **SetSelectedTabOptions:** `tabId`  
 
-**GetStateResult:** `visible`, `activeTabId`  
+**GetStateResult:** `initialized`, `visible`, `activeTabId`  
 
 **TabChangeEvent:** `tabId`
 

package/android/src/main/kotlin/com/antonseagull/cap/tabbar/CapTabbar.kt

@@ -102,7 +102,7 @@ class CapTabbar {
         } catch (_: Exception) { null }
     }
 
-    fun show(parent: ViewGroup, tabs: List<TabItemData>, selectedId: String, labelColor: String? = null, labelColorActive: String? = null) {
+    fun initialize(parent: ViewGroup, tabs: List<TabItemData>, selectedId: String, labelColor: String? = null, labelColorActive: String? = null) {
         this.parentView = parent
         this.tabData = tabs
         this.selectedId = selectedId
@@ -183,15 +183,25 @@ class CapTabbar {
 
         parent.addView(bottomNav)
         bottomNav.post { updateIcons() }
+        bottomNav.visibility = View.VISIBLE
     }
 
-    fun hide() {
+    fun destroy() {
         removeTabBar()
     }
 
-    fun getState(): Pair<Boolean, String> {
-        val visible = bottomNav != null
-        return Pair(visible, if (visible) selectedId else "")
+    fun show() {
+        bottomNav?.visibility = View.VISIBLE
+    }
+
+    fun hide() {
+        bottomNav?.visibility = View.GONE
+    }
+
+    fun getState(): Triple<Boolean, Boolean, String> {
+        val initialized = bottomNav != null
+        val visible = initialized && (bottomNav?.visibility == View.VISIBLE)
+        return Triple(initialized, visible, if (initialized) selectedId else "")
     }
 
     fun setSelectedTab(tabId: String) {

package/android/src/main/kotlin/com/antonseagull/cap/tabbar/CapTabbarPlugin.kt

@@ -24,7 +24,7 @@ class CapTabbarPlugin : Plugin() {
     }
 
     @PluginMethod
-    fun show(call: PluginCall) {
+    fun `init`(call: PluginCall) {
         val tabsArray = call.getArray("tabs")
         val selectedId = call.getString("selectedId")
 
@@ -49,7 +49,23 @@ class CapTabbarPlugin : Plugin() {
                 call.reject("Could not find parent view to attach tab bar")
                 return@runOnUiThread
             }
-            implementation.show(parent, tabs, selectedId, labelColor, labelColorActive)
+            implementation.initialize(parent, tabs, selectedId, labelColor, labelColorActive)
+            call.resolve()
+        }
+    }
+
+    @PluginMethod
+    fun destroy(call: PluginCall) {
+        getActivity().runOnUiThread {
+            implementation.destroy()
+            call.resolve()
+        }
+    }
+
+    @PluginMethod
+    fun show(call: PluginCall) {
+        getActivity().runOnUiThread {
+            implementation.show()
             call.resolve()
         }
     }
@@ -79,8 +95,9 @@ class CapTabbarPlugin : Plugin() {
     fun getState(call: PluginCall) {
         val state = implementation.getState()
         val result = JSObject().apply {
-            put("visible", state.first)
-            put("activeTabId", state.second)
+            put("initialized", state.first)
+            put("visible", state.second)
+            put("activeTabId", state.third)
         }
         call.resolve(result)
     }

package/dist/docs.json

@@ -6,21 +6,41 @@
     "tags": [],
     "methods": [
       {
-        "name": "show",
-        "signature": "(options: ShowOptions) => Promise<void>",
+        "name": "init",
+        "signature": "(options: InitOptions) => Promise<void>",
         "parameters": [
           {
             "name": "options",
             "docs": "",
-            "type": "ShowOptions"
+            "type": "InitOptions"
           }
         ],
         "returns": "Promise<void>",
         "tags": [],
-        "docs": "Show the native tab bar with the given configuration",
+        "docs": "Initialize (create) the tab bar with the given configuration",
         "complexTypes": [
-          "ShowOptions"
+          "InitOptions"
         ],
+        "slug": "init"
+      },
+      {
+        "name": "destroy",
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "Destroy the tab bar completely (remove from view hierarchy)",
+        "complexTypes": [],
+        "slug": "destroy"
+      },
+      {
+        "name": "show",
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "Show the tab bar UI (make visible). Tab bar must be initialized.",
+        "complexTypes": [],
         "slug": "show"
       },
       {
@@ -29,7 +49,7 @@
         "parameters": [],
         "returns": "Promise<void>",
         "tags": [],
-        "docs": "Hide the tab bar",
+        "docs": "Hide the tab bar UI (make invisible). Tab bar stays in memory.",
         "complexTypes": [],
         "slug": "hide"
       },
@@ -57,7 +77,7 @@
         "parameters": [],
         "returns": "Promise<GetStateResult>",
         "tags": [],
-        "docs": "Get current state: visible and active tab id",
+        "docs": "Get current state: initialized, visible and active tab id",
         "complexTypes": [
           "GetStateResult"
         ],
@@ -91,8 +111,8 @@
   },
   "interfaces": [
     {
-      "name": "ShowOptions",
-      "slug": "showoptions",
+      "name": "InitOptions",
+      "slug": "initoptions",
       "docs": "Icons: 2 variants (base64 has priority over bundle)\n\n1) **Base64** – if `base64_icon` / `base64_active_icon` are set, they are used.\n\n2) **Bundle assets** – if base64 not set, icons are loaded from native resources:\n\n**Android** – `android/app/src/main/res/drawable/`:\n  - `{id}.png` or `{id}.xml` – inactive icon\n  - `{id}_active.png` or `{id}_active.xml` – active icon\n\n**iOS** – Assets.xcassets: Image Set `{id}` and `{id}_active`.\n\nIf an icon is missing, a placeholder is shown.",
       "tags": [],
       "methods": [],
@@ -189,17 +209,24 @@
       "tags": [],
       "methods": [],
       "properties": [
+        {
+          "name": "initialized",
+          "tags": [],
+          "docs": "Whether the tab bar has been initialized (created)",
+          "complexTypes": [],
+          "type": "boolean"
+        },
         {
           "name": "visible",
           "tags": [],
-          "docs": "Whether the tab bar is currently shown",
+          "docs": "Whether the tab bar is currently visible to the user (false when hidden)",
           "complexTypes": [],
           "type": "boolean"
         },
         {
           "name": "activeTabId",
           "tags": [],
-          "docs": "ID of the active/selected tab (empty when hidden)",
+          "docs": "ID of the active/selected tab (empty when destroyed)",
           "complexTypes": [],
           "type": "string"
         }

package/dist/esm/definitions.d.ts

@@ -23,7 +23,7 @@ export interface TabItem {
  *
  * If an icon is missing, a placeholder is shown.
  */
-export interface ShowOptions {
+export interface InitOptions {
     /** Array of tab items to display */
     tabs: TabItem[];
     /** ID of the initially selected tab */
@@ -33,6 +33,8 @@ export interface ShowOptions {
     /** Label color for selected tab (hex, e.g. "#007AFF"). Default: blue */
     label_color_active?: string;
 }
+/** @deprecated Use InitOptions */
+export type ShowOptions = InitOptions;
 export interface SetSelectedTabOptions {
     /** ID of the tab to select */
     tabId: string;
@@ -42,19 +44,25 @@ export interface TabChangeEvent {
     tabId: string;
 }
 export interface GetStateResult {
-    /** Whether the tab bar is currently shown */
+    /** Whether the tab bar has been initialized (created) */
+    initialized: boolean;
+    /** Whether the tab bar is currently visible to the user (false when hidden) */
     visible: boolean;
-    /** ID of the active/selected tab (empty when hidden) */
+    /** ID of the active/selected tab (empty when destroyed) */
     activeTabId: string;
 }
 export interface CapTabbarPlugin {
-    /** Show the native tab bar with the given configuration */
-    show(options: ShowOptions): Promise<void>;
-    /** Hide the tab bar */
+    /** Initialize (create) the tab bar with the given configuration */
+    init(options: InitOptions): Promise<void>;
+    /** Destroy the tab bar completely (remove from view hierarchy) */
+    destroy(): Promise<void>;
+    /** Show the tab bar UI (make visible). Tab bar must be initialized. */
+    show(): Promise<void>;
+    /** Hide the tab bar UI (make invisible). Tab bar stays in memory. */
     hide(): Promise<void>;
     /** Programmatically set the selected tab */
     setSelectedTab(options: SetSelectedTabOptions): Promise<void>;
-    /** Get current state: visible and active tab id */
+    /** Get current state: initialized, visible and active tab id */
     getState(): Promise<GetStateResult>;
     /** Add listener for tab change events (when user taps a tab) */
     addListener(eventName: 'tabChange', listenerFunc: (event: TabChangeEvent) => void): Promise<{

package/dist/esm/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export interface TabItem {\n  /** Unique identifier for the tab. Used for bundle assets: {id}.png, {id}_active.png */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Base64-encoded image for inactive state. If set, overrides bundle assets */\n  base64_icon?: string;\n  /** Base64-encoded image for active/selected state. If set, overrides bundle assets */\n  base64_active_icon?: string;\n}\n\n/**\n * Icons: 2 variants (base64 has priority over bundle)\n *\n * 1) **Base64** – if `base64_icon` / `base64_active_icon` are set, they are used.\n *\n * 2) **Bundle assets** – if base64 not set, icons are loaded from native resources:\n *\n * **Android** – `android/app/src/main/res/drawable/`:\n *   - `{id}.png` or `{id}.xml` – inactive icon\n *   - `{id}_active.png` or `{id}_active.xml` – active icon\n *\n * **iOS** – Assets.xcassets: Image Set `{id}` and `{id}_active`.\n *\n * If an icon is missing, a placeholder is shown.\n */\n\nexport interface ShowOptions {\n  /** Array of tab items to display */\n  tabs: TabItem[];\n  /** ID of the initially selected tab */\n  selectedId: string;\n  /** Label color for inactive tabs (hex, e.g. \"#000000\"). Default: black */\n  label_color?: string;\n  /** Label color for selected tab (hex, e.g. \"#007AFF\"). Default: blue */\n  label_color_active?: string;\n}\n\nexport interface SetSelectedTabOptions {\n  /** ID of the tab to select */\n  tabId: string;\n}\n\nexport interface TabChangeEvent {\n  /** ID of the newly selected tab */\n  tabId: string;\n}\n\nexport interface GetStateResult {\n  /** Whether the tab bar is currently shown */\n  visible: boolean;\n  /** ID of the active/selected tab (empty when hidden) */\n  activeTabId: string;\n}\n\nexport interface CapTabbarPlugin {\n  /** Show the native tab bar with the given configuration */\n  show(options: ShowOptions): Promise<void>;\n\n  /** Hide the tab bar */\n  hide(): Promise<void>;\n\n  /** Programmatically set the selected tab */\n  setSelectedTab(options: SetSelectedTabOptions): Promise<void>;\n\n  /** Get current state: visible and active tab id */\n  getState(): Promise<GetStateResult>;\n\n  /** Add listener for tab change events (when user taps a tab) */\n  addListener(\n    eventName: 'tabChange',\n    listenerFunc: (event: TabChangeEvent) => void\n  ): Promise<{ remove: () => Promise<void> }>;\n}\n"]}
+{"version":3,"file":"definitions.js","sourceRoot":"","sources":["../../src/definitions.ts"],"names":[],"mappings":"","sourcesContent":["export interface TabItem {\n  /** Unique identifier for the tab. Used for bundle assets: {id}.png, {id}_active.png */\n  id: string;\n  /** Display label */\n  label: string;\n  /** Base64-encoded image for inactive state. If set, overrides bundle assets */\n  base64_icon?: string;\n  /** Base64-encoded image for active/selected state. If set, overrides bundle assets */\n  base64_active_icon?: string;\n}\n\n/**\n * Icons: 2 variants (base64 has priority over bundle)\n *\n * 1) **Base64** – if `base64_icon` / `base64_active_icon` are set, they are used.\n *\n * 2) **Bundle assets** – if base64 not set, icons are loaded from native resources:\n *\n * **Android** – `android/app/src/main/res/drawable/`:\n *   - `{id}.png` or `{id}.xml` – inactive icon\n *   - `{id}_active.png` or `{id}_active.xml` – active icon\n *\n * **iOS** – Assets.xcassets: Image Set `{id}` and `{id}_active`.\n *\n * If an icon is missing, a placeholder is shown.\n */\n\nexport interface InitOptions {\n  /** Array of tab items to display */\n  tabs: TabItem[];\n  /** ID of the initially selected tab */\n  selectedId: string;\n  /** Label color for inactive tabs (hex, e.g. \"#000000\"). Default: black */\n  label_color?: string;\n  /** Label color for selected tab (hex, e.g. \"#007AFF\"). Default: blue */\n  label_color_active?: string;\n}\n\n/** @deprecated Use InitOptions */\nexport type ShowOptions = InitOptions;\n\nexport interface SetSelectedTabOptions {\n  /** ID of the tab to select */\n  tabId: string;\n}\n\nexport interface TabChangeEvent {\n  /** ID of the newly selected tab */\n  tabId: string;\n}\n\nexport interface GetStateResult {\n  /** Whether the tab bar has been initialized (created) */\n  initialized: boolean;\n  /** Whether the tab bar is currently visible to the user (false when hidden) */\n  visible: boolean;\n  /** ID of the active/selected tab (empty when destroyed) */\n  activeTabId: string;\n}\n\nexport interface CapTabbarPlugin {\n  /** Initialize (create) the tab bar with the given configuration */\n  init(options: InitOptions): Promise<void>;\n\n  /** Destroy the tab bar completely (remove from view hierarchy) */\n  destroy(): Promise<void>;\n\n  /** Show the tab bar UI (make visible). Tab bar must be initialized. */\n  show(): Promise<void>;\n\n  /** Hide the tab bar UI (make invisible). Tab bar stays in memory. */\n  hide(): Promise<void>;\n\n  /** Programmatically set the selected tab */\n  setSelectedTab(options: SetSelectedTabOptions): Promise<void>;\n\n  /** Get current state: initialized, visible and active tab id */\n  getState(): Promise<GetStateResult>;\n\n  /** Add listener for tab change events (when user taps a tab) */\n  addListener(\n    eventName: 'tabChange',\n    listenerFunc: (event: TabChangeEvent) => void\n  ): Promise<{ remove: () => Promise<void> }>;\n}\n"]}

package/dist/esm/web.d.ts

@@ -1,5 +1,5 @@
 import { WebPlugin } from '@capacitor/core';
-import type { CapTabbarPlugin, GetStateResult, ShowOptions, SetSelectedTabOptions } from './definitions';
+import type { CapTabbarPlugin, GetStateResult, InitOptions, SetSelectedTabOptions, TabChangeEvent } from './definitions';
 export declare class CapTabbarWeb extends WebPlugin implements CapTabbarPlugin {
     private tabBarContainer;
     private tabItems;
@@ -7,7 +7,14 @@ export declare class CapTabbarWeb extends WebPlugin implements CapTabbarPlugin {
     private labelColor;
     private labelColorActive;
     private tabElements;
-    show(options: ShowOptions): Promise<void>;
+    private isVisible;
+    private tabChangeListeners;
+    addListener(_eventName: 'tabChange', listenerFunc: (event: TabChangeEvent) => void): Promise<{
+        remove: () => Promise<void>;
+    }>;
+    init(options: InitOptions): Promise<void>;
+    destroy(): Promise<void>;
+    show(): Promise<void>;
     hide(): Promise<void>;
     setSelectedTab(options: SetSelectedTabOptions): Promise<void>;
     getState(): Promise<GetStateResult>;
@@ -15,5 +22,6 @@ export declare class CapTabbarWeb extends WebPlugin implements CapTabbarPlugin {
     private removeTabBar;
     private createTabBar;
     private handleTabClick;
+    private emitTabChange;
     private updateTabBarSelection;
 }

package/dist/esm/web.js

@@ -8,31 +8,59 @@ export class CapTabbarWeb extends WebPlugin {
         this.labelColor = '#000000';
         this.labelColorActive = '#007AFF';
         this.tabElements = new Map();
+        this.isVisible = false;
+        this.tabChangeListeners = [];
     }
-    async show(options) {
+    addListener(_eventName, listenerFunc) {
+        this.tabChangeListeners.push(listenerFunc);
+        return Promise.resolve({
+            remove: async () => {
+                const idx = this.tabChangeListeners.indexOf(listenerFunc);
+                if (idx >= 0)
+                    this.tabChangeListeners.splice(idx, 1);
+            },
+        });
+    }
+    async init(options) {
         var _a, _b;
         this.tabItems = options.tabs;
         this.selectedId = options.selectedId;
         this.labelColor = (_a = options.label_color) !== null && _a !== void 0 ? _a : '#000000';
         this.labelColorActive = (_b = options.label_color_active) !== null && _b !== void 0 ? _b : '#007AFF';
-        this.removeTabBar();
+        this.destroy();
         this.createTabBar();
+        this.isVisible = true;
     }
-    async hide() {
+    async destroy() {
         this.removeTabBar();
+        this.tabChangeListeners = [];
+        this.isVisible = false;
+    }
+    async show() {
+        if (this.tabBarContainer) {
+            this.tabBarContainer.style.display = 'flex';
+            this.isVisible = true;
+        }
+    }
+    async hide() {
+        if (this.tabBarContainer) {
+            this.tabBarContainer.style.display = 'none';
+            this.isVisible = false;
+        }
     }
     async setSelectedTab(options) {
         if (this.selectedId === options.tabId)
             return;
         this.selectedId = options.tabId;
         this.updateTabBarSelection();
-        this.notifyListeners('tabChange', { tabId: options.tabId });
+        this.emitTabChange({ tabId: options.tabId });
     }
     async getState() {
-        const visible = this.tabBarContainer != null;
+        const initialized = this.tabBarContainer != null;
         return {
-            visible,
-            activeTabId: visible ? this.selectedId : '',
+            initialized,
+            visible: initialized && this.isVisible,
+            activeTabId: initialized ? this.selectedId : '',
         };
     }
     base64ToDataUrl(base64, mime = 'image/png') {
@@ -109,7 +137,10 @@ export class CapTabbarWeb extends WebPlugin {
             return;
         this.selectedId = tabId;
         this.updateTabBarSelection();
-        this.notifyListeners('tabChange', { tabId });
+        this.emitTabChange({ tabId });
+    }
+    emitTabChange(event) {
+        this.tabChangeListeners.forEach((fn) => fn(event));
     }
     updateTabBarSelection() {
         this.tabItems.forEach((tab) => {

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  CapTabbarPlugin,\n  GetStateResult,\n  ShowOptions,\n  SetSelectedTabOptions,\n  TabChangeEvent,\n} from './definitions';\n\nexport class CapTabbarWeb extends WebPlugin implements CapTabbarPlugin {\n  private tabBarContainer: HTMLElement | null = null;\n  private tabItems: { id: string; label: string; base64_icon?: string; base64_active_icon?: string }[] = [];\n  private selectedId: string = '';\n  private labelColor: string = '#000000';\n  private labelColorActive: string = '#007AFF';\n  private tabElements: Map<\n    string,\n    { iconEl: HTMLImageElement; labelEl: HTMLSpanElement }\n  > = new Map();\n\n  async show(options: ShowOptions): Promise<void> {\n    this.tabItems = options.tabs;\n    this.selectedId = options.selectedId;\n    this.labelColor = options.label_color ?? '#000000';\n    this.labelColorActive = options.label_color_active ?? '#007AFF';\n\n    this.removeTabBar();\n    this.createTabBar();\n  }\n\n  async hide(): Promise<void> {\n    this.removeTabBar();\n  }\n\n  async setSelectedTab(options: SetSelectedTabOptions): Promise<void> {\n    if (this.selectedId === options.tabId) return;\n    this.selectedId = options.tabId;\n    this.updateTabBarSelection();\n    this.notifyListeners('tabChange', { tabId: options.tabId });\n  }\n\n  async getState(): Promise<GetStateResult> {\n    const visible = this.tabBarContainer != null;\n    return {\n      visible,\n      activeTabId: visible ? this.selectedId : '',\n    };\n  }\n\n  private base64ToDataUrl(base64: string, mime = 'image/png'): string {\n    const clean = base64.startsWith('data:') ? (base64.match(/base64,(.+)$/)?.[1] ?? base64) : base64;\n    return `data:${mime};base64,${clean}`;\n  }\n\n  private removeTabBar(): void {\n    if (this.tabBarContainer) {\n      this.tabBarContainer.remove();\n      this.tabBarContainer = null;\n      this.tabElements.clear();\n    }\n  }\n\n  private createTabBar(): void {\n    const container = document.createElement('div');\n    container.id = 'capacitor-native-tabbar-web';\n    Object.assign(container.style, {\n      position: 'fixed',\n      bottom: '0',\n      left: '0',\n      right: '0',\n      height: '56px',\n      display: 'flex',\n      backgroundColor: '#ffffff',\n      borderTop: '1px solid #e0e0e0',\n      boxShadow: '0 -2px 10px rgba(0,0,0,0.1)',\n      zIndex: '9999',\n    });\n\n    this.tabItems.forEach((tab) => {\n      const tabEl = document.createElement('button');\n      tabEl.dataset.tabId = tab.id;\n      tabEl.type = 'button';\n      Object.assign(tabEl.style, {\n        flex: '1',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: '4px',\n        border: 'none',\n        background: 'transparent',\n        cursor: 'pointer',\n        padding: '8px 4px',\n      });\n\n      const iconEl = document.createElement('img');\n      iconEl.style.width = '24px';\n      iconEl.style.height = '24px';\n      iconEl.style.objectFit = 'contain';\n      const isActive = tab.id === this.selectedId;\n      const iconData = isActive ? (tab.base64_active_icon ?? tab.base64_icon) : (tab.base64_icon ?? tab.base64_active_icon);\n      iconEl.src = iconData ? this.base64ToDataUrl(iconData) : 'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"8\"/></svg>';\n\n      const labelEl = document.createElement('span');\n      labelEl.textContent = tab.label;\n      Object.assign(labelEl.style, {\n        fontSize: '10px',\n        color: isActive ? this.labelColorActive : this.labelColor,\n      });\n\n      tabEl.appendChild(iconEl);\n      tabEl.appendChild(labelEl);\n\n      tabEl.addEventListener('click', () => {\n        this.handleTabClick(tab.id);\n      });\n\n      container.appendChild(tabEl);\n      this.tabElements.set(tab.id, { iconEl, labelEl });\n    });\n\n    document.body.appendChild(container);\n    this.tabBarContainer = container;\n  }\n\n  private handleTabClick(tabId: string): void {\n    const tab = this.tabItems.find((t) => t.id === tabId);\n    if (!tab || this.selectedId === tabId) return;\n\n    this.selectedId = tabId;\n    this.updateTabBarSelection();\n    this.notifyListeners('tabChange', { tabId } as TabChangeEvent);\n  }\n\n  private updateTabBarSelection(): void {\n    this.tabItems.forEach((tab) => {\n      const entry = this.tabElements.get(tab.id);\n      if (entry) {\n        const isActive = tab.id === this.selectedId;\n        const iconData = isActive ? (tab.base64_active_icon ?? tab.base64_icon) : (tab.base64_icon ?? tab.base64_active_icon);\n        if (iconData) entry.iconEl.src = this.base64ToDataUrl(iconData);\n        entry.labelEl.style.color = isActive ? this.labelColorActive : this.labelColor;\n      }\n    });\n  }\n}\n"]}
+{"version":3,"file":"web.js","sourceRoot":"","sources":["../../src/web.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAU5C,MAAM,OAAO,YAAa,SAAQ,SAAS;IAA3C;;QACU,oBAAe,GAAuB,IAAI,CAAC;QAC3C,aAAQ,GAAuF,EAAE,CAAC;QAClG,eAAU,GAAW,EAAE,CAAC;QACxB,eAAU,GAAW,SAAS,CAAC;QAC/B,qBAAgB,GAAW,SAAS,CAAC;QACrC,gBAAW,GAGf,IAAI,GAAG,EAAE,CAAC;QACN,cAAS,GAAG,KAAK,CAAC;QAClB,uBAAkB,GAA2C,EAAE,CAAC;IAkK1E,CAAC;IAhKC,WAAW,CACT,UAAuB,EACvB,YAA6C;QAE7C,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;QAC3C,OAAO,OAAO,CAAC,OAAO,CAAC;YACrB,MAAM,EAAE,KAAK,IAAI,EAAE;gBACjB,MAAM,GAAG,GAAG,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;gBAC1D,IAAI,GAAG,IAAI,CAAC;oBAAE,IAAI,CAAC,kBAAkB,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;YACvD,CAAC;SACF,CAAC,CAAC;IACL,CAAC;IAED,KAAK,CAAC,IAAI,CAAC,OAAoB;;QAC7B,IAAI,CAAC,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;QAC7B,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,UAAU,CAAC;QACrC,IAAI,CAAC,UAAU,GAAG,MAAA,OAAO,CAAC,WAAW,mCAAI,SAAS,CAAC;QACnD,IAAI,CAAC,gBAAgB,GAAG,MAAA,OAAO,CAAC,kBAAkB,mCAAI,SAAS,CAAC;QAEhE,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;IACxB,CAAC;IAED,KAAK,CAAC,OAAO;QACX,IAAI,CAAC,YAAY,EAAE,CAAC;QACpB,IAAI,CAAC,kBAAkB,GAAG,EAAE,CAAC;QAC7B,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;IACzB,CAAC;IAED,KAAK,CAAC,IAAI;QACR,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;QACxB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,IAAI;QACR,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YAC5C,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;QACzB,CAAC;IACH,CAAC;IAED,KAAK,CAAC,cAAc,CAAC,OAA8B;QACjD,IAAI,IAAI,CAAC,UAAU,KAAK,OAAO,CAAC,KAAK;YAAE,OAAO;QAC9C,IAAI,CAAC,UAAU,GAAG,OAAO,CAAC,KAAK,CAAC;QAChC,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;IAC/C,CAAC;IAED,KAAK,CAAC,QAAQ;QACZ,MAAM,WAAW,GAAG,IAAI,CAAC,eAAe,IAAI,IAAI,CAAC;QACjD,OAAO;YACL,WAAW;YACX,OAAO,EAAE,WAAW,IAAI,IAAI,CAAC,SAAS;YACtC,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE;SAChD,CAAC;IACJ,CAAC;IAEO,eAAe,CAAC,MAAc,EAAE,IAAI,GAAG,WAAW;;QACxD,MAAM,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,MAAA,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,0CAAG,CAAC,CAAC,mCAAI,MAAM,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;QAClG,OAAO,QAAQ,IAAI,WAAW,KAAK,EAAE,CAAC;IACxC,CAAC;IAEO,YAAY;QAClB,IAAI,IAAI,CAAC,eAAe,EAAE,CAAC;YACzB,IAAI,CAAC,eAAe,CAAC,MAAM,EAAE,CAAC;YAC9B,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC;YAC5B,IAAI,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;QAC3B,CAAC;IACH,CAAC;IAEO,YAAY;QAClB,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAChD,SAAS,CAAC,EAAE,GAAG,6BAA6B,CAAC;QAC7C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE;YAC7B,QAAQ,EAAE,OAAO;YACjB,MAAM,EAAE,GAAG;YACX,IAAI,EAAE,GAAG;YACT,KAAK,EAAE,GAAG;YACV,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,eAAe,EAAE,SAAS;YAC1B,SAAS,EAAE,mBAAmB;YAC9B,SAAS,EAAE,6BAA6B;YACxC,MAAM,EAAE,MAAM;SACf,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;;YAC5B,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;YAC/C,KAAK,CAAC,OAAO,CAAC,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC;YAC7B,KAAK,CAAC,IAAI,GAAG,QAAQ,CAAC;YACtB,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE;gBACzB,IAAI,EAAE,GAAG;gBACT,OAAO,EAAE,MAAM;gBACf,aAAa,EAAE,QAAQ;gBACvB,UAAU,EAAE,QAAQ;gBACpB,cAAc,EAAE,QAAQ;gBACxB,GAAG,EAAE,KAAK;gBACV,MAAM,EAAE,MAAM;gBACd,UAAU,EAAE,aAAa;gBACzB,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,SAAS;aACnB,CAAC,CAAC;YAEH,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;YAC7C,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;YAC5B,MAAM,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;YAC7B,MAAM,CAAC,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;YACnC,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC;YAC5C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,GAAG,CAAC,kBAAkB,mCAAI,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,GAAG,CAAC,WAAW,mCAAI,GAAG,CAAC,kBAAkB,CAAC,CAAC;YACtH,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,iKAAiK,CAAC;YAE3N,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;YAC/C,OAAO,CAAC,WAAW,GAAG,GAAG,CAAC,KAAK,CAAC;YAChC,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK,EAAE;gBAC3B,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU;aAC1D,CAAC,CAAC;YAEH,KAAK,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;YAC1B,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAE3B,KAAK,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;gBACnC,IAAI,CAAC,cAAc,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC9B,CAAC,CAAC,CAAC;YAEH,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;YAC7B,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;QAEH,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC;QACrC,IAAI,CAAC,eAAe,GAAG,SAAS,CAAC;IACnC,CAAC;IAEO,cAAc,CAAC,KAAa;QAClC,MAAM,GAAG,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC;QACtD,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,UAAU,KAAK,KAAK;YAAE,OAAO;QAE9C,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;QACxB,IAAI,CAAC,qBAAqB,EAAE,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;IAChC,CAAC;IAEO,aAAa,CAAC,KAAqB;QACzC,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IACrD,CAAC;IAEO,qBAAqB;QAC3B,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC,GAAG,EAAE,EAAE;;YAC5B,MAAM,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;YAC3C,IAAI,KAAK,EAAE,CAAC;gBACV,MAAM,QAAQ,GAAG,GAAG,CAAC,EAAE,KAAK,IAAI,CAAC,UAAU,CAAC;gBAC5C,MAAM,QAAQ,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,MAAA,GAAG,CAAC,kBAAkB,mCAAI,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,MAAA,GAAG,CAAC,WAAW,mCAAI,GAAG,CAAC,kBAAkB,CAAC,CAAC;gBACtH,IAAI,QAAQ;oBAAE,KAAK,CAAC,MAAM,CAAC,GAAG,GAAG,IAAI,CAAC,eAAe,CAAC,QAAQ,CAAC,CAAC;gBAChE,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,KAAK,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC;YACjF,CAAC;QACH,CAAC,CAAC,CAAC;IACL,CAAC;CACF","sourcesContent":["import { WebPlugin } from '@capacitor/core';\n\nimport type {\n  CapTabbarPlugin,\n  GetStateResult,\n  InitOptions,\n  SetSelectedTabOptions,\n  TabChangeEvent,\n} from './definitions';\n\nexport class CapTabbarWeb extends WebPlugin implements CapTabbarPlugin {\n  private tabBarContainer: HTMLElement | null = null;\n  private tabItems: { id: string; label: string; base64_icon?: string; base64_active_icon?: string }[] = [];\n  private selectedId: string = '';\n  private labelColor: string = '#000000';\n  private labelColorActive: string = '#007AFF';\n  private tabElements: Map<\n    string,\n    { iconEl: HTMLImageElement; labelEl: HTMLSpanElement }\n  > = new Map();\n  private isVisible = false;\n  private tabChangeListeners: Array<(event: TabChangeEvent) => void> = [];\n\n  addListener(\n    _eventName: 'tabChange',\n    listenerFunc: (event: TabChangeEvent) => void\n  ): Promise<{ remove: () => Promise<void> }> {\n    this.tabChangeListeners.push(listenerFunc);\n    return Promise.resolve({\n      remove: async () => {\n        const idx = this.tabChangeListeners.indexOf(listenerFunc);\n        if (idx >= 0) this.tabChangeListeners.splice(idx, 1);\n      },\n    });\n  }\n\n  async init(options: InitOptions): Promise<void> {\n    this.tabItems = options.tabs;\n    this.selectedId = options.selectedId;\n    this.labelColor = options.label_color ?? '#000000';\n    this.labelColorActive = options.label_color_active ?? '#007AFF';\n\n    this.destroy();\n    this.createTabBar();\n    this.isVisible = true;\n  }\n\n  async destroy(): Promise<void> {\n    this.removeTabBar();\n    this.tabChangeListeners = [];\n    this.isVisible = false;\n  }\n\n  async show(): Promise<void> {\n    if (this.tabBarContainer) {\n      this.tabBarContainer.style.display = 'flex';\n      this.isVisible = true;\n    }\n  }\n\n  async hide(): Promise<void> {\n    if (this.tabBarContainer) {\n      this.tabBarContainer.style.display = 'none';\n      this.isVisible = false;\n    }\n  }\n\n  async setSelectedTab(options: SetSelectedTabOptions): Promise<void> {\n    if (this.selectedId === options.tabId) return;\n    this.selectedId = options.tabId;\n    this.updateTabBarSelection();\n    this.emitTabChange({ tabId: options.tabId });\n  }\n\n  async getState(): Promise<GetStateResult> {\n    const initialized = this.tabBarContainer != null;\n    return {\n      initialized,\n      visible: initialized && this.isVisible,\n      activeTabId: initialized ? this.selectedId : '',\n    };\n  }\n\n  private base64ToDataUrl(base64: string, mime = 'image/png'): string {\n    const clean = base64.startsWith('data:') ? (base64.match(/base64,(.+)$/)?.[1] ?? base64) : base64;\n    return `data:${mime};base64,${clean}`;\n  }\n\n  private removeTabBar(): void {\n    if (this.tabBarContainer) {\n      this.tabBarContainer.remove();\n      this.tabBarContainer = null;\n      this.tabElements.clear();\n    }\n  }\n\n  private createTabBar(): void {\n    const container = document.createElement('div');\n    container.id = 'capacitor-native-tabbar-web';\n    Object.assign(container.style, {\n      position: 'fixed',\n      bottom: '0',\n      left: '0',\n      right: '0',\n      height: '56px',\n      display: 'flex',\n      backgroundColor: '#ffffff',\n      borderTop: '1px solid #e0e0e0',\n      boxShadow: '0 -2px 10px rgba(0,0,0,0.1)',\n      zIndex: '9999',\n    });\n\n    this.tabItems.forEach((tab) => {\n      const tabEl = document.createElement('button');\n      tabEl.dataset.tabId = tab.id;\n      tabEl.type = 'button';\n      Object.assign(tabEl.style, {\n        flex: '1',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        gap: '4px',\n        border: 'none',\n        background: 'transparent',\n        cursor: 'pointer',\n        padding: '8px 4px',\n      });\n\n      const iconEl = document.createElement('img');\n      iconEl.style.width = '24px';\n      iconEl.style.height = '24px';\n      iconEl.style.objectFit = 'contain';\n      const isActive = tab.id === this.selectedId;\n      const iconData = isActive ? (tab.base64_active_icon ?? tab.base64_icon) : (tab.base64_icon ?? tab.base64_active_icon);\n      iconEl.src = iconData ? this.base64ToDataUrl(iconData) : 'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"8\"/></svg>';\n\n      const labelEl = document.createElement('span');\n      labelEl.textContent = tab.label;\n      Object.assign(labelEl.style, {\n        fontSize: '10px',\n        color: isActive ? this.labelColorActive : this.labelColor,\n      });\n\n      tabEl.appendChild(iconEl);\n      tabEl.appendChild(labelEl);\n\n      tabEl.addEventListener('click', () => {\n        this.handleTabClick(tab.id);\n      });\n\n      container.appendChild(tabEl);\n      this.tabElements.set(tab.id, { iconEl, labelEl });\n    });\n\n    document.body.appendChild(container);\n    this.tabBarContainer = container;\n  }\n\n  private handleTabClick(tabId: string): void {\n    const tab = this.tabItems.find((t) => t.id === tabId);\n    if (!tab || this.selectedId === tabId) return;\n\n    this.selectedId = tabId;\n    this.updateTabBarSelection();\n    this.emitTabChange({ tabId });\n  }\n\n  private emitTabChange(event: TabChangeEvent): void {\n    this.tabChangeListeners.forEach((fn) => fn(event));\n  }\n\n  private updateTabBarSelection(): void {\n    this.tabItems.forEach((tab) => {\n      const entry = this.tabElements.get(tab.id);\n      if (entry) {\n        const isActive = tab.id === this.selectedId;\n        const iconData = isActive ? (tab.base64_active_icon ?? tab.base64_icon) : (tab.base64_icon ?? tab.base64_active_icon);\n        if (iconData) entry.iconEl.src = this.base64ToDataUrl(iconData);\n        entry.labelEl.style.color = isActive ? this.labelColorActive : this.labelColor;\n      }\n    });\n  }\n}\n"]}

package/dist/plugin.cjs.js

@@ -15,31 +15,59 @@ class CapTabbarWeb extends core.WebPlugin {
         this.labelColor = '#000000';
         this.labelColorActive = '#007AFF';
         this.tabElements = new Map();
+        this.isVisible = false;
+        this.tabChangeListeners = [];
     }
-    async show(options) {
+    addListener(_eventName, listenerFunc) {
+        this.tabChangeListeners.push(listenerFunc);
+        return Promise.resolve({
+            remove: async () => {
+                const idx = this.tabChangeListeners.indexOf(listenerFunc);
+                if (idx >= 0)
+                    this.tabChangeListeners.splice(idx, 1);
+            },
+        });
+    }
+    async init(options) {
         var _a, _b;
         this.tabItems = options.tabs;
         this.selectedId = options.selectedId;
         this.labelColor = (_a = options.label_color) !== null && _a !== void 0 ? _a : '#000000';
         this.labelColorActive = (_b = options.label_color_active) !== null && _b !== void 0 ? _b : '#007AFF';
-        this.removeTabBar();
+        this.destroy();
         this.createTabBar();
+        this.isVisible = true;
     }
-    async hide() {
+    async destroy() {
         this.removeTabBar();
+        this.tabChangeListeners = [];
+        this.isVisible = false;
+    }
+    async show() {
+        if (this.tabBarContainer) {
+            this.tabBarContainer.style.display = 'flex';
+            this.isVisible = true;
+        }
+    }
+    async hide() {
+        if (this.tabBarContainer) {
+            this.tabBarContainer.style.display = 'none';
+            this.isVisible = false;
+        }
     }
     async setSelectedTab(options) {
         if (this.selectedId === options.tabId)
             return;
         this.selectedId = options.tabId;
         this.updateTabBarSelection();
-        this.notifyListeners('tabChange', { tabId: options.tabId });
+        this.emitTabChange({ tabId: options.tabId });
     }
     async getState() {
-        const visible = this.tabBarContainer != null;
+        const initialized = this.tabBarContainer != null;
         return {
-            visible,
-            activeTabId: visible ? this.selectedId : '',
+            initialized,
+            visible: initialized && this.isVisible,
+            activeTabId: initialized ? this.selectedId : '',
         };
     }
     base64ToDataUrl(base64, mime = 'image/png') {
@@ -116,7 +144,10 @@ class CapTabbarWeb extends core.WebPlugin {
             return;
         this.selectedId = tabId;
         this.updateTabBarSelection();
-        this.notifyListeners('tabChange', { tabId });
+        this.emitTabChange({ tabId });
+    }
+    emitTabChange(event) {
+        this.tabChangeListeners.forEach((fn) => fn(event));
     }
     updateTabBarSelection() {
         this.tabItems.forEach((tab) => {

package/dist/plugin.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.cjs.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CapTabbar = registerPlugin('CapTabbar', {\n    web: () => import('./web').then((m) => new m.CapTabbarWeb()),\n});\nexport * from './definitions';\nexport { CapTabbar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapTabbarWeb extends WebPlugin {\n    constructor() {\n        super(...arguments);\n        this.tabBarContainer = null;\n        this.tabItems = [];\n        this.selectedId = '';\n        this.labelColor = '#000000';\n        this.labelColorActive = '#007AFF';\n        this.tabElements = new Map();\n    }\n    async show(options) {\n        var _a, _b;\n        this.tabItems = options.tabs;\n        this.selectedId = options.selectedId;\n        this.labelColor = (_a = options.label_color) !== null && _a !== void 0 ? _a : '#000000';\n        this.labelColorActive = (_b = options.label_color_active) !== null && _b !== void 0 ? _b : '#007AFF';\n        this.removeTabBar();\n        this.createTabBar();\n    }\n    async hide() {\n        this.removeTabBar();\n    }\n    async setSelectedTab(options) {\n        if (this.selectedId === options.tabId)\n            return;\n        this.selectedId = options.tabId;\n        this.updateTabBarSelection();\n        this.notifyListeners('tabChange', { tabId: options.tabId });\n    }\n    async getState() {\n        const visible = this.tabBarContainer != null;\n        return {\n            visible,\n            activeTabId: visible ? this.selectedId : '',\n        };\n    }\n    base64ToDataUrl(base64, mime = 'image/png') {\n        var _a, _b;\n        const clean = base64.startsWith('data:') ? ((_b = (_a = base64.match(/base64,(.+)$/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : base64) : base64;\n        return `data:${mime};base64,${clean}`;\n    }\n    removeTabBar() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.remove();\n            this.tabBarContainer = null;\n            this.tabElements.clear();\n        }\n    }\n    createTabBar() {\n        const container = document.createElement('div');\n        container.id = 'capacitor-native-tabbar-web';\n        Object.assign(container.style, {\n            position: 'fixed',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            height: '56px',\n            display: 'flex',\n            backgroundColor: '#ffffff',\n            borderTop: '1px solid #e0e0e0',\n            boxShadow: '0 -2px 10px rgba(0,0,0,0.1)',\n            zIndex: '9999',\n        });\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const tabEl = document.createElement('button');\n            tabEl.dataset.tabId = tab.id;\n            tabEl.type = 'button';\n            Object.assign(tabEl.style, {\n                flex: '1',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                gap: '4px',\n                border: 'none',\n                background: 'transparent',\n                cursor: 'pointer',\n                padding: '8px 4px',\n            });\n            const iconEl = document.createElement('img');\n            iconEl.style.width = '24px';\n            iconEl.style.height = '24px';\n            iconEl.style.objectFit = 'contain';\n            const isActive = tab.id === this.selectedId;\n            const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n            iconEl.src = iconData ? this.base64ToDataUrl(iconData) : 'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"8\"/></svg>';\n            const labelEl = document.createElement('span');\n            labelEl.textContent = tab.label;\n            Object.assign(labelEl.style, {\n                fontSize: '10px',\n                color: isActive ? this.labelColorActive : this.labelColor,\n            });\n            tabEl.appendChild(iconEl);\n            tabEl.appendChild(labelEl);\n            tabEl.addEventListener('click', () => {\n                this.handleTabClick(tab.id);\n            });\n            container.appendChild(tabEl);\n            this.tabElements.set(tab.id, { iconEl, labelEl });\n        });\n        document.body.appendChild(container);\n        this.tabBarContainer = container;\n    }\n    handleTabClick(tabId) {\n        const tab = this.tabItems.find((t) => t.id === tabId);\n        if (!tab || this.selectedId === tabId)\n            return;\n        this.selectedId = tabId;\n        this.updateTabBarSelection();\n        this.notifyListeners('tabChange', { tabId });\n    }\n    updateTabBarSelection() {\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const entry = this.tabElements.get(tab.id);\n            if (entry) {\n                const isActive = tab.id === this.selectedId;\n                const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n                if (iconData)\n                    entry.iconEl.src = this.base64ToDataUrl(iconData);\n                entry.labelEl.style.color = isActive ? this.labelColorActive : this.labelColor;\n            }\n        });\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}
+{"version":3,"file":"plugin.cjs.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CapTabbar = registerPlugin('CapTabbar', {\n    web: () => import('./web').then((m) => new m.CapTabbarWeb()),\n});\nexport * from './definitions';\nexport { CapTabbar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapTabbarWeb extends WebPlugin {\n    constructor() {\n        super(...arguments);\n        this.tabBarContainer = null;\n        this.tabItems = [];\n        this.selectedId = '';\n        this.labelColor = '#000000';\n        this.labelColorActive = '#007AFF';\n        this.tabElements = new Map();\n        this.isVisible = false;\n        this.tabChangeListeners = [];\n    }\n    addListener(_eventName, listenerFunc) {\n        this.tabChangeListeners.push(listenerFunc);\n        return Promise.resolve({\n            remove: async () => {\n                const idx = this.tabChangeListeners.indexOf(listenerFunc);\n                if (idx >= 0)\n                    this.tabChangeListeners.splice(idx, 1);\n            },\n        });\n    }\n    async init(options) {\n        var _a, _b;\n        this.tabItems = options.tabs;\n        this.selectedId = options.selectedId;\n        this.labelColor = (_a = options.label_color) !== null && _a !== void 0 ? _a : '#000000';\n        this.labelColorActive = (_b = options.label_color_active) !== null && _b !== void 0 ? _b : '#007AFF';\n        this.destroy();\n        this.createTabBar();\n        this.isVisible = true;\n    }\n    async destroy() {\n        this.removeTabBar();\n        this.tabChangeListeners = [];\n        this.isVisible = false;\n    }\n    async show() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.style.display = 'flex';\n            this.isVisible = true;\n        }\n    }\n    async hide() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.style.display = 'none';\n            this.isVisible = false;\n        }\n    }\n    async setSelectedTab(options) {\n        if (this.selectedId === options.tabId)\n            return;\n        this.selectedId = options.tabId;\n        this.updateTabBarSelection();\n        this.emitTabChange({ tabId: options.tabId });\n    }\n    async getState() {\n        const initialized = this.tabBarContainer != null;\n        return {\n            initialized,\n            visible: initialized && this.isVisible,\n            activeTabId: initialized ? this.selectedId : '',\n        };\n    }\n    base64ToDataUrl(base64, mime = 'image/png') {\n        var _a, _b;\n        const clean = base64.startsWith('data:') ? ((_b = (_a = base64.match(/base64,(.+)$/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : base64) : base64;\n        return `data:${mime};base64,${clean}`;\n    }\n    removeTabBar() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.remove();\n            this.tabBarContainer = null;\n            this.tabElements.clear();\n        }\n    }\n    createTabBar() {\n        const container = document.createElement('div');\n        container.id = 'capacitor-native-tabbar-web';\n        Object.assign(container.style, {\n            position: 'fixed',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            height: '56px',\n            display: 'flex',\n            backgroundColor: '#ffffff',\n            borderTop: '1px solid #e0e0e0',\n            boxShadow: '0 -2px 10px rgba(0,0,0,0.1)',\n            zIndex: '9999',\n        });\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const tabEl = document.createElement('button');\n            tabEl.dataset.tabId = tab.id;\n            tabEl.type = 'button';\n            Object.assign(tabEl.style, {\n                flex: '1',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                gap: '4px',\n                border: 'none',\n                background: 'transparent',\n                cursor: 'pointer',\n                padding: '8px 4px',\n            });\n            const iconEl = document.createElement('img');\n            iconEl.style.width = '24px';\n            iconEl.style.height = '24px';\n            iconEl.style.objectFit = 'contain';\n            const isActive = tab.id === this.selectedId;\n            const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n            iconEl.src = iconData ? this.base64ToDataUrl(iconData) : 'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"8\"/></svg>';\n            const labelEl = document.createElement('span');\n            labelEl.textContent = tab.label;\n            Object.assign(labelEl.style, {\n                fontSize: '10px',\n                color: isActive ? this.labelColorActive : this.labelColor,\n            });\n            tabEl.appendChild(iconEl);\n            tabEl.appendChild(labelEl);\n            tabEl.addEventListener('click', () => {\n                this.handleTabClick(tab.id);\n            });\n            container.appendChild(tabEl);\n            this.tabElements.set(tab.id, { iconEl, labelEl });\n        });\n        document.body.appendChild(container);\n        this.tabBarContainer = container;\n    }\n    handleTabClick(tabId) {\n        const tab = this.tabItems.find((t) => t.id === tabId);\n        if (!tab || this.selectedId === tabId)\n            return;\n        this.selectedId = tabId;\n        this.updateTabBarSelection();\n        this.emitTabChange({ tabId });\n    }\n    emitTabChange(event) {\n        this.tabChangeListeners.forEach((fn) => fn(event));\n    }\n    updateTabBarSelection() {\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const entry = this.tabElements.get(tab.id);\n            if (entry) {\n                const isActive = tab.id === this.selectedId;\n                const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n                if (iconData)\n                    entry.iconEl.src = this.base64ToDataUrl(iconData);\n                entry.labelEl.style.color = isActive ? this.labelColorActive : this.labelColor;\n            }\n        });\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}

package/dist/plugin.js

@@ -14,31 +14,59 @@ var capacitorCapTabbar = (function (exports, core) {
             this.labelColor = '#000000';
             this.labelColorActive = '#007AFF';
             this.tabElements = new Map();
+            this.isVisible = false;
+            this.tabChangeListeners = [];
         }
-        async show(options) {
+        addListener(_eventName, listenerFunc) {
+            this.tabChangeListeners.push(listenerFunc);
+            return Promise.resolve({
+                remove: async () => {
+                    const idx = this.tabChangeListeners.indexOf(listenerFunc);
+                    if (idx >= 0)
+                        this.tabChangeListeners.splice(idx, 1);
+                },
+            });
+        }
+        async init(options) {
             var _a, _b;
             this.tabItems = options.tabs;
             this.selectedId = options.selectedId;
             this.labelColor = (_a = options.label_color) !== null && _a !== void 0 ? _a : '#000000';
             this.labelColorActive = (_b = options.label_color_active) !== null && _b !== void 0 ? _b : '#007AFF';
-            this.removeTabBar();
+            this.destroy();
             this.createTabBar();
+            this.isVisible = true;
         }
-        async hide() {
+        async destroy() {
             this.removeTabBar();
+            this.tabChangeListeners = [];
+            this.isVisible = false;
+        }
+        async show() {
+            if (this.tabBarContainer) {
+                this.tabBarContainer.style.display = 'flex';
+                this.isVisible = true;
+            }
+        }
+        async hide() {
+            if (this.tabBarContainer) {
+                this.tabBarContainer.style.display = 'none';
+                this.isVisible = false;
+            }
         }
         async setSelectedTab(options) {
             if (this.selectedId === options.tabId)
                 return;
             this.selectedId = options.tabId;
             this.updateTabBarSelection();
-            this.notifyListeners('tabChange', { tabId: options.tabId });
+            this.emitTabChange({ tabId: options.tabId });
         }
         async getState() {
-            const visible = this.tabBarContainer != null;
+            const initialized = this.tabBarContainer != null;
             return {
-                visible,
-                activeTabId: visible ? this.selectedId : '',
+                initialized,
+                visible: initialized && this.isVisible,
+                activeTabId: initialized ? this.selectedId : '',
             };
         }
         base64ToDataUrl(base64, mime = 'image/png') {
@@ -115,7 +143,10 @@ var capacitorCapTabbar = (function (exports, core) {
                 return;
             this.selectedId = tabId;
             this.updateTabBarSelection();
-            this.notifyListeners('tabChange', { tabId });
+            this.emitTabChange({ tabId });
+        }
+        emitTabChange(event) {
+            this.tabChangeListeners.forEach((fn) => fn(event));
         }
         updateTabBarSelection() {
             this.tabItems.forEach((tab) => {

package/dist/plugin.js.map

@@ -1 +1 @@
-{"version":3,"file":"plugin.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CapTabbar = registerPlugin('CapTabbar', {\n    web: () => import('./web').then((m) => new m.CapTabbarWeb()),\n});\nexport * from './definitions';\nexport { CapTabbar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapTabbarWeb extends WebPlugin {\n    constructor() {\n        super(...arguments);\n        this.tabBarContainer = null;\n        this.tabItems = [];\n        this.selectedId = '';\n        this.labelColor = '#000000';\n        this.labelColorActive = '#007AFF';\n        this.tabElements = new Map();\n    }\n    async show(options) {\n        var _a, _b;\n        this.tabItems = options.tabs;\n        this.selectedId = options.selectedId;\n        this.labelColor = (_a = options.label_color) !== null && _a !== void 0 ? _a : '#000000';\n        this.labelColorActive = (_b = options.label_color_active) !== null && _b !== void 0 ? _b : '#007AFF';\n        this.removeTabBar();\n        this.createTabBar();\n    }\n    async hide() {\n        this.removeTabBar();\n    }\n    async setSelectedTab(options) {\n        if (this.selectedId === options.tabId)\n            return;\n        this.selectedId = options.tabId;\n        this.updateTabBarSelection();\n        this.notifyListeners('tabChange', { tabId: options.tabId });\n    }\n    async getState() {\n        const visible = this.tabBarContainer != null;\n        return {\n            visible,\n            activeTabId: visible ? this.selectedId : '',\n        };\n    }\n    base64ToDataUrl(base64, mime = 'image/png') {\n        var _a, _b;\n        const clean = base64.startsWith('data:') ? ((_b = (_a = base64.match(/base64,(.+)$/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : base64) : base64;\n        return `data:${mime};base64,${clean}`;\n    }\n    removeTabBar() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.remove();\n            this.tabBarContainer = null;\n            this.tabElements.clear();\n        }\n    }\n    createTabBar() {\n        const container = document.createElement('div');\n        container.id = 'capacitor-native-tabbar-web';\n        Object.assign(container.style, {\n            position: 'fixed',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            height: '56px',\n            display: 'flex',\n            backgroundColor: '#ffffff',\n            borderTop: '1px solid #e0e0e0',\n            boxShadow: '0 -2px 10px rgba(0,0,0,0.1)',\n            zIndex: '9999',\n        });\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const tabEl = document.createElement('button');\n            tabEl.dataset.tabId = tab.id;\n            tabEl.type = 'button';\n            Object.assign(tabEl.style, {\n                flex: '1',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                gap: '4px',\n                border: 'none',\n                background: 'transparent',\n                cursor: 'pointer',\n                padding: '8px 4px',\n            });\n            const iconEl = document.createElement('img');\n            iconEl.style.width = '24px';\n            iconEl.style.height = '24px';\n            iconEl.style.objectFit = 'contain';\n            const isActive = tab.id === this.selectedId;\n            const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n            iconEl.src = iconData ? this.base64ToDataUrl(iconData) : 'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"8\"/></svg>';\n            const labelEl = document.createElement('span');\n            labelEl.textContent = tab.label;\n            Object.assign(labelEl.style, {\n                fontSize: '10px',\n                color: isActive ? this.labelColorActive : this.labelColor,\n            });\n            tabEl.appendChild(iconEl);\n            tabEl.appendChild(labelEl);\n            tabEl.addEventListener('click', () => {\n                this.handleTabClick(tab.id);\n            });\n            container.appendChild(tabEl);\n            this.tabElements.set(tab.id, { iconEl, labelEl });\n        });\n        document.body.appendChild(container);\n        this.tabBarContainer = container;\n    }\n    handleTabClick(tabId) {\n        const tab = this.tabItems.find((t) => t.id === tabId);\n        if (!tab || this.selectedId === tabId)\n            return;\n        this.selectedId = tabId;\n        this.updateTabBarSelection();\n        this.notifyListeners('tabChange', { tabId });\n    }\n    updateTabBarSelection() {\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const entry = this.tabElements.get(tab.id);\n            if (entry) {\n                const isActive = tab.id === this.selectedId;\n                const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n                if (iconData)\n                    entry.iconEl.src = this.base64ToDataUrl(iconData);\n                entry.labelEl.style.color = isActive ? this.labelColorActive : this.labelColor;\n            }\n        });\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}
+{"version":3,"file":"plugin.js","sources":["esm/index.js","esm/web.js"],"sourcesContent":["import { registerPlugin } from '@capacitor/core';\nconst CapTabbar = registerPlugin('CapTabbar', {\n    web: () => import('./web').then((m) => new m.CapTabbarWeb()),\n});\nexport * from './definitions';\nexport { CapTabbar };\n//# sourceMappingURL=index.js.map","import { WebPlugin } from '@capacitor/core';\nexport class CapTabbarWeb extends WebPlugin {\n    constructor() {\n        super(...arguments);\n        this.tabBarContainer = null;\n        this.tabItems = [];\n        this.selectedId = '';\n        this.labelColor = '#000000';\n        this.labelColorActive = '#007AFF';\n        this.tabElements = new Map();\n        this.isVisible = false;\n        this.tabChangeListeners = [];\n    }\n    addListener(_eventName, listenerFunc) {\n        this.tabChangeListeners.push(listenerFunc);\n        return Promise.resolve({\n            remove: async () => {\n                const idx = this.tabChangeListeners.indexOf(listenerFunc);\n                if (idx >= 0)\n                    this.tabChangeListeners.splice(idx, 1);\n            },\n        });\n    }\n    async init(options) {\n        var _a, _b;\n        this.tabItems = options.tabs;\n        this.selectedId = options.selectedId;\n        this.labelColor = (_a = options.label_color) !== null && _a !== void 0 ? _a : '#000000';\n        this.labelColorActive = (_b = options.label_color_active) !== null && _b !== void 0 ? _b : '#007AFF';\n        this.destroy();\n        this.createTabBar();\n        this.isVisible = true;\n    }\n    async destroy() {\n        this.removeTabBar();\n        this.tabChangeListeners = [];\n        this.isVisible = false;\n    }\n    async show() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.style.display = 'flex';\n            this.isVisible = true;\n        }\n    }\n    async hide() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.style.display = 'none';\n            this.isVisible = false;\n        }\n    }\n    async setSelectedTab(options) {\n        if (this.selectedId === options.tabId)\n            return;\n        this.selectedId = options.tabId;\n        this.updateTabBarSelection();\n        this.emitTabChange({ tabId: options.tabId });\n    }\n    async getState() {\n        const initialized = this.tabBarContainer != null;\n        return {\n            initialized,\n            visible: initialized && this.isVisible,\n            activeTabId: initialized ? this.selectedId : '',\n        };\n    }\n    base64ToDataUrl(base64, mime = 'image/png') {\n        var _a, _b;\n        const clean = base64.startsWith('data:') ? ((_b = (_a = base64.match(/base64,(.+)$/)) === null || _a === void 0 ? void 0 : _a[1]) !== null && _b !== void 0 ? _b : base64) : base64;\n        return `data:${mime};base64,${clean}`;\n    }\n    removeTabBar() {\n        if (this.tabBarContainer) {\n            this.tabBarContainer.remove();\n            this.tabBarContainer = null;\n            this.tabElements.clear();\n        }\n    }\n    createTabBar() {\n        const container = document.createElement('div');\n        container.id = 'capacitor-native-tabbar-web';\n        Object.assign(container.style, {\n            position: 'fixed',\n            bottom: '0',\n            left: '0',\n            right: '0',\n            height: '56px',\n            display: 'flex',\n            backgroundColor: '#ffffff',\n            borderTop: '1px solid #e0e0e0',\n            boxShadow: '0 -2px 10px rgba(0,0,0,0.1)',\n            zIndex: '9999',\n        });\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const tabEl = document.createElement('button');\n            tabEl.dataset.tabId = tab.id;\n            tabEl.type = 'button';\n            Object.assign(tabEl.style, {\n                flex: '1',\n                display: 'flex',\n                flexDirection: 'column',\n                alignItems: 'center',\n                justifyContent: 'center',\n                gap: '4px',\n                border: 'none',\n                background: 'transparent',\n                cursor: 'pointer',\n                padding: '8px 4px',\n            });\n            const iconEl = document.createElement('img');\n            iconEl.style.width = '24px';\n            iconEl.style.height = '24px';\n            iconEl.style.objectFit = 'contain';\n            const isActive = tab.id === this.selectedId;\n            const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n            iconEl.src = iconData ? this.base64ToDataUrl(iconData) : 'data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><circle cx=\"12\" cy=\"12\" r=\"8\"/></svg>';\n            const labelEl = document.createElement('span');\n            labelEl.textContent = tab.label;\n            Object.assign(labelEl.style, {\n                fontSize: '10px',\n                color: isActive ? this.labelColorActive : this.labelColor,\n            });\n            tabEl.appendChild(iconEl);\n            tabEl.appendChild(labelEl);\n            tabEl.addEventListener('click', () => {\n                this.handleTabClick(tab.id);\n            });\n            container.appendChild(tabEl);\n            this.tabElements.set(tab.id, { iconEl, labelEl });\n        });\n        document.body.appendChild(container);\n        this.tabBarContainer = container;\n    }\n    handleTabClick(tabId) {\n        const tab = this.tabItems.find((t) => t.id === tabId);\n        if (!tab || this.selectedId === tabId)\n            return;\n        this.selectedId = tabId;\n        this.updateTabBarSelection();\n        this.emitTabChange({ tabId });\n    }\n    emitTabChange(event) {\n        this.tabChangeListeners.forEach((fn) => fn(event));\n    }\n    updateTabBarSelection() {\n        this.tabItems.forEach((tab) => {\n            var _a, _b;\n            const entry = this.tabElements.get(tab.id);\n            if (entry) {\n                const isActive = tab.id === this.selectedId;\n                const iconData = isActive ? ((_a = tab.base64_active_icon) !== null && _a !== void 0 ? _a : tab.base64_icon) : ((_b = tab.base64_icon) !== null && _b !== void 0 ? _b : tab.base64_active_icon);\n                if (iconData)\n                    entry.iconEl.src = this.base64ToDataUrl(iconData);\n                entry.labelEl.style.color = isActive ? this.labelColorActive : this.labelColor;\n            }\n        });\n    }\n}\n//# sourceMappingURL=web.js.map"],"names":["registerPlugin","WebPlugin"],"mappings":"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"}

package/ios/Sources/CapTabbarPlugin/CapTabbar.swift

@@ -70,7 +70,7 @@ import WebKit
         return UIColor(red: r, green: g, blue: b, alpha: a)
     }
 
-    func show(parent: UIView, tabs: [TabItemData], selectedId: String, labelColor: String? = nil, labelColorActive: String? = nil) {
+    func initialize(parent: UIView, tabs: [TabItemData], selectedId: String, labelColor: String? = nil, labelColorActive: String? = nil) {
         self.parentView = parent
         self.tabItems = tabs
         self.selectedId = selectedId
@@ -117,14 +117,27 @@ import WebKit
 
         captureBaseInsetsIfNeeded(from: parent)
         applyWebViewInsets(to: parent)
+        tabBar.isHidden = false
     }
 
-    func hide() {
+    func destroy() {
         guard let parent = parentView else { return removeTabBar() }
         removeWebViewInsets(from: parent)
         removeTabBar()
     }
 
+    func show() {
+        guard let parent = parentView, let tabBar = tabBar else { return }
+        tabBar.isHidden = false
+        applyWebViewInsets(to: parent)
+    }
+
+    func hide() {
+        guard let parent = parentView, let tabBar = tabBar else { return }
+        tabBar.isHidden = true
+        removeWebViewInsets(from: parent)
+    }
+
     func setSelectedTab(tabId: String) {
         guard let index = tabItems.firstIndex(where: { $0.id == tabId }) else { return }
         guard selectedId != tabId else { return }
@@ -133,9 +146,10 @@ import WebKit
         updateItemImages()
     }
 
-    func getState() -> (visible: Bool, activeTabId: String) {
-        let visible = tabBar != nil
-        return (visible, visible ? selectedId : "")
+    func getState() -> (initialized: Bool, visible: Bool, activeTabId: String) {
+        let initialized = tabBar != nil
+        let visible = initialized && (tabBar?.isHidden == false)
+        return (initialized, visible, initialized ? selectedId : "")
     }
 
     private func imageFromBundle(_ name: String) -> UIImage? {

package/ios/Sources/CapTabbarPlugin/CapTabbarPlugin.swift

@@ -7,6 +7,8 @@ public class CapTabbarPlugin: CAPPlugin, CAPBridgedPlugin {
     public let identifier = "CapTabbarPlugin"
     public let jsName = "CapTabbar"
     public let pluginMethods: [CAPPluginMethod] = [
+        CAPPluginMethod(name: "init", returnType: CAPPluginReturnPromise),
+        CAPPluginMethod(name: "destroy", returnType: CAPPluginReturnPromise),
         CAPPluginMethod(name: "show", returnType: CAPPluginReturnPromise),
         CAPPluginMethod(name: "hide", returnType: CAPPluginReturnPromise),
         CAPPluginMethod(name: "setSelectedTab", returnType: CAPPluginReturnPromise),
@@ -20,7 +22,7 @@ public class CapTabbarPlugin: CAPPlugin, CAPBridgedPlugin {
         }
     }
 
-    @objc func show(_ call: CAPPluginCall) {
+    @objc func `init`(_ call: CAPPluginCall) {
         guard let tabsArray = call.getArray("tabs"),
               let selectedId = call.getString("selectedId") else {
             call.reject("tabs and selectedId are required")
@@ -42,7 +44,21 @@ public class CapTabbarPlugin: CAPPlugin, CAPBridgedPlugin {
                 call.reject("Could not find view to attach tab bar")
                 return
             }
-            self.implementation.show(parent: view, tabs: tabs, selectedId: selectedId, labelColor: labelColor, labelColorActive: labelColorActive)
+            self.implementation.initialize(parent: view, tabs: tabs, selectedId: selectedId, labelColor: labelColor, labelColorActive: labelColorActive)
+            call.resolve()
+        }
+    }
+
+    @objc func destroy(_ call: CAPPluginCall) {
+        DispatchQueue.main.async { [weak self] in
+            self?.implementation.destroy()
+            call.resolve()
+        }
+    }
+
+    @objc func show(_ call: CAPPluginCall) {
+        DispatchQueue.main.async { [weak self] in
+            self?.implementation.show()
             call.resolve()
         }
     }
@@ -68,6 +84,7 @@ public class CapTabbarPlugin: CAPPlugin, CAPBridgedPlugin {
     @objc func getState(_ call: CAPPluginCall) {
         let state = implementation.getState()
         call.resolve([
+            "initialized": state.initialized,
             "visible": state.visible,
             "activeTabId": state.activeTabId
         ])

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "capacitor-native-tabbar",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "description": "Native tab bar for Capacitor apps — UITabBar on iOS, BottomNavigationView on Android, overlays the WebView",
   "main": "dist/plugin.cjs.js",
   "module": "dist/esm/index.js",