capacitor-native-tabbar 0.0.1

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

@@ -0,0 +1,243 @@
+package com.antonseagull.cap.tabbar
+
+import android.content.res.ColorStateList
+import android.content.Context
+import android.graphics.Color
+import android.graphics.Bitmap
+import android.graphics.BitmapFactory
+import android.graphics.drawable.BitmapDrawable
+import android.graphics.drawable.Drawable
+import android.util.Base64
+import android.util.Log
+import android.view.View
+import android.view.Gravity
+import android.view.ViewGroup
+import androidx.core.content.ContextCompat
+import androidx.core.view.ViewCompat
+import androidx.core.view.WindowInsetsCompat
+import androidx.coordinatorlayout.widget.CoordinatorLayout
+import com.getcapacitor.JSArray
+import com.google.android.material.bottomnavigation.BottomNavigationView
+import com.google.android.material.navigation.NavigationBarView
+
+class CapTabbar {
+
+    private var bottomNav: BottomNavigationView? = null
+    private var tabData: List<TabItemData> = emptyList()
+    private var selectedId: String = ""
+    private var parentView: ViewGroup? = null
+    private var onTabSelected: ((String) -> Unit)? = null
+
+    data class TabItemData(
+        val id: String,
+        val label: String,
+        val base64Icon: String?,
+        val base64ActiveIcon: String?
+    )
+
+    fun setTabSelectedCallback(callback: (String) -> Unit) {
+        onTabSelected = callback
+    }
+
+    private fun decodeBase64ToBitmap(base64: String?): Bitmap? {
+        if (base64.isNullOrEmpty()) return null
+        return try {
+            val cleanBase64 = base64
+                .replace("data:image/[^;]+;base64,".toRegex(), "")
+                .replace("\\s".toRegex(), "")
+            val decodedBytes = Base64.decode(cleanBase64, Base64.DEFAULT)
+            BitmapFactory.decodeByteArray(decodedBytes, 0, decodedBytes.size)
+        } catch (e: Exception) {
+            Log.e("CapTabbar", "Failed to decode base64 image", e)
+            null
+        }
+    }
+
+    /** Drawable name for bundle: lowercase, spaces/dashes -> underscore */
+    private fun drawableNameForId(id: String): String =
+        id.lowercase().replace(" ", "_").replace("-", "_").replace(Regex("[^a-z0-9_]"), "_")
+
+    private fun drawableFromBundle(context: Context, name: String): Drawable? {
+        val resId = context.resources.getIdentifier(name, "drawable", context.packageName)
+        return if (resId != 0) ContextCompat.getDrawable(context, resId) else null
+    }
+
+    private fun placeholderDrawable(context: Context): Drawable =
+        ContextCompat.getDrawable(context, R.drawable.cap_tabbar_placeholder)!!
+
+    private fun drawableForTab(context: Context, tab: TabItemData, isSelected: Boolean): Drawable {
+        val inactiveB64 = tab.base64Icon
+        val activeB64 = tab.base64ActiveIcon ?: tab.base64Icon
+        val base64 = if (isSelected) (activeB64 ?: inactiveB64) else (inactiveB64 ?: activeB64)
+        base64?.let { b64 ->
+            decodeBase64ToBitmap(b64)?.let { bitmap ->
+                val sizePx = (24 * context.resources.displayMetrics.density).toInt()
+                val scaled = if (bitmap.width != sizePx || bitmap.height != sizePx) {
+                    Bitmap.createScaledBitmap(bitmap, sizePx, sizePx, true)
+                } else bitmap
+                val d = BitmapDrawable(context.resources, scaled)
+                d.setBounds(0, 0, sizePx, sizePx)
+                return d
+            }
+        }
+        val baseName = drawableNameForId(tab.id)
+        val inactiveDrawable = drawableFromBundle(context, baseName)
+        val activeDrawable = drawableFromBundle(context, "${baseName}_active")
+        val drawable = when {
+            isSelected -> activeDrawable ?: inactiveDrawable
+            else -> inactiveDrawable ?: activeDrawable
+        }
+        return drawable ?: placeholderDrawable(context)
+    }
+
+    private fun parseColorHex(hex: String?): Int? {
+        if (hex.isNullOrEmpty()) return null
+        val s = hex.trim().removePrefix("#")
+        return try {
+            when (s.length) {
+                6 -> Color.parseColor("#$s")
+                8 -> Color.parseColor("#$s")
+                else -> null
+            }
+        } catch (_: Exception) { null }
+    }
+
+    fun show(parent: ViewGroup, tabs: List<TabItemData>, selectedId: String, labelColor: String? = null, labelColorActive: String? = null) {
+        this.parentView = parent
+        this.tabData = tabs
+        this.selectedId = selectedId
+
+        removeTabBar()
+
+        val context = parent.context
+        val bottomNav = BottomNavigationView(context)
+        this.bottomNav = bottomNav
+
+        val density = context.resources.displayMetrics.density
+        val heightDp = 64 // достаточно для иконки + лейбла
+        val baseHeightPx = (heightDp * density).toInt()
+        val layoutParams = CoordinatorLayout.LayoutParams(
+            ViewGroup.LayoutParams.MATCH_PARENT,
+            baseHeightPx
+        ).apply {
+            gravity = Gravity.BOTTOM
+        }
+        bottomNav.layoutParams = layoutParams
+
+        fun applyBottomInset(view: View, bottomInset: Int) {
+            if (bottomInset > 0) {
+                view.setPadding(0, 0, 0, bottomInset)
+                (view.layoutParams as? ViewGroup.MarginLayoutParams)?.height = baseHeightPx + bottomInset
+                view.requestLayout()
+            }
+        }
+        ViewCompat.setOnApplyWindowInsetsListener(bottomNav) { view, insets ->
+            val bottomInset = insets.getInsets(WindowInsetsCompat.Type.systemBars()).bottom
+            applyBottomInset(view, bottomInset)
+            insets
+        }
+        bottomNav.post {
+            ViewCompat.getRootWindowInsets(bottomNav)?.let { insets ->
+                val bottomInset = insets.getInsets(WindowInsetsCompat.Type.systemBars()).bottom
+                applyBottomInset(bottomNav, bottomInset)
+            }
+        }
+        ViewCompat.requestApplyInsets(parent)
+        bottomNav.setBackgroundColor(0xFFFFFFFF.toInt())
+        bottomNav.itemIconTintList = null
+        bottomNav.labelVisibilityMode = NavigationBarView.LABEL_VISIBILITY_LABELED
+        bottomNav.itemIconSize = (24 * density).toInt()
+
+        val inactiveColor = parseColorHex(labelColor) ?: 0xFF000000.toInt()
+        val activeColor = parseColorHex(labelColorActive) ?: 0xFF007AFF.toInt()
+        bottomNav.itemTextColor = ColorStateList(
+            arrayOf(intArrayOf(android.R.attr.state_checked), intArrayOf(-android.R.attr.state_checked)),
+            intArrayOf(activeColor, inactiveColor)
+        )
+
+        val menu = bottomNav.menu
+        menu.clear()
+
+        tabs.forEachIndexed { index, tab ->
+            val item = menu.add(0, index, index, tab.label)
+            item.icon = drawableForTab(context, tab, tab.id == selectedId)
+            item.setCheckable(true)
+        }
+
+        bottomNav.selectedItemId = tabs.indexOfFirst { it.id == selectedId }.takeIf { it >= 0 } ?: 0
+
+        bottomNav.setOnItemSelectedListener { item ->
+            val tab = tabs.getOrNull(item.itemId) ?: return@setOnItemSelectedListener false
+            this.selectedId = tab.id
+            updateIcons()
+            onTabSelected?.invoke(tab.id)
+            true
+        }
+
+        bottomNav.setOnItemReselectedListener { item ->
+            val tab = tabs.getOrNull(item.itemId) ?: return@setOnItemReselectedListener
+            this.selectedId = tab.id
+            updateIcons()
+            onTabSelected?.invoke(tab.id)
+        }
+
+        parent.addView(bottomNav)
+        bottomNav.post { updateIcons() }
+    }
+
+    fun hide() {
+        removeTabBar()
+    }
+
+    fun getState(): Pair<Boolean, String> {
+        val visible = bottomNav != null
+        return Pair(visible, if (visible) selectedId else "")
+    }
+
+    fun setSelectedTab(tabId: String) {
+        val index = tabData.indexOfFirst { it.id == tabId }
+        if (index < 0) return
+        if (selectedId == tabId) return
+
+        selectedId = tabId
+        bottomNav?.selectedItemId = index
+        updateIcons()
+    }
+
+    private fun updateIcons() {
+        val nav = bottomNav ?: return
+        tabData.forEachIndexed { index, tab ->
+            val item = nav.menu.findItem(index) ?: return@forEachIndexed
+            item.icon = drawableForTab(nav.context, tab, tab.id == selectedId)
+        }
+    }
+
+    private fun removeTabBar() {
+        bottomNav?.let {
+            (it.parent as? ViewGroup)?.removeView(it)
+        }
+        bottomNav = null
+    }
+
+    companion object {
+        fun parseTabs(jsArray: JSArray): List<TabItemData> {
+            val list = mutableListOf<TabItemData>()
+            for (i in 0 until jsArray.length()) {
+                val obj = jsArray.getJSONObject(i) ?: continue
+                val id = obj.getString("id") ?: ""
+                if (id.isEmpty()) continue
+                val base64Icon = obj.optString("base64_icon").takeIf { it.isNotEmpty() }
+                val base64ActiveIcon = obj.optString("base64_active_icon").takeIf { it.isNotEmpty() } ?: base64Icon
+                list.add(
+                    TabItemData(
+                        id = id,
+                        label = obj.getString("label") ?: "",
+                        base64Icon = base64Icon,
+                        base64ActiveIcon = base64ActiveIcon
+                    )
+                )
+            }
+            return list
+        }
+    }
+}

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

@@ -0,0 +1,87 @@
+package com.antonseagull.cap.tabbar
+
+import com.getcapacitor.JSArray
+import com.getcapacitor.JSObject
+import com.getcapacitor.Plugin
+import com.getcapacitor.PluginCall
+import com.getcapacitor.annotation.CapacitorPlugin
+import com.getcapacitor.PluginMethod
+import android.view.ViewGroup
+import androidx.coordinatorlayout.widget.CoordinatorLayout
+
+@CapacitorPlugin(name = "CapTabbar")
+class CapTabbarPlugin : Plugin() {
+
+    private val implementation = CapTabbar()
+
+    override fun load() {
+        implementation.setTabSelectedCallback { tabId ->
+            val data = JSObject().apply {
+                put("tabId", tabId)
+            }
+            notifyListeners("tabChange", data)
+        }
+    }
+
+    @PluginMethod
+    fun show(call: PluginCall) {
+        val tabsArray = call.getArray("tabs")
+        val selectedId = call.getString("selectedId")
+
+        if (tabsArray == null || selectedId == null) {
+            call.reject("tabs and selectedId are required")
+            return
+        }
+
+        val tabs = CapTabbar.parseTabs(tabsArray)
+        if (tabs.isEmpty()) {
+            call.reject("At least one tab is required")
+            return
+        }
+
+        val labelColor = call.getString("label_color")
+        val labelColorActive = call.getString("label_color_active")
+
+        getActivity().runOnUiThread {
+            val webView = bridge.webView
+            val parent = webView.parent as? ViewGroup
+            if (parent == null || parent !is CoordinatorLayout) {
+                call.reject("Could not find parent view to attach tab bar")
+                return@runOnUiThread
+            }
+            implementation.show(parent, tabs, selectedId, labelColor, labelColorActive)
+            call.resolve()
+        }
+    }
+
+    @PluginMethod
+    fun hide(call: PluginCall) {
+        getActivity().runOnUiThread {
+            implementation.hide()
+            call.resolve()
+        }
+    }
+
+    @PluginMethod
+    fun setSelectedTab(call: PluginCall) {
+        val tabId = call.getString("tabId")
+        if (tabId == null) {
+            call.reject("tabId is required")
+            return
+        }
+        getActivity().runOnUiThread {
+            implementation.setSelectedTab(tabId)
+            call.resolve()
+        }
+    }
+
+    @PluginMethod
+    fun getState(call: PluginCall) {
+        val state = implementation.getState()
+        val result = JSObject().apply {
+            put("visible", state.first)
+            put("activeTabId", state.second)
+        }
+        call.resolve(result)
+    }
+}

package/android/src/main/res/drawable/cap_tabbar_placeholder.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Placeholder when tab icon is missing - broken_image style -->
+<vector xmlns:android="http://schemas.android.com/apk/res/android"
+    android:width="24dp"
+    android:height="24dp"
+    android:viewportWidth="24"
+    android:viewportHeight="24">
+    <path
+        android:fillColor="#999999"
+        android:pathData="M21,5v6.59l-3,-3.01 -4,4.01 -4,-4 -4,4 -3,-3.01V5c0,-1.1 0.9,-2 2,-2h14c1.1,0 2,0.9 2,2zM18,11.42l3,3.01V19c0,1.1 -0.9,2 -2,2H5c-1.1,0 -2,-0.9 -2,-2v-6.58l3,2.99 4,-4 4,4 4,-3.99z"/>
+</vector>

package/dist/docs.json

@@ -0,0 +1,228 @@
+{
+  "api": {
+    "name": "CapTabbarPlugin",
+    "slug": "captabbarplugin",
+    "docs": "",
+    "tags": [],
+    "methods": [
+      {
+        "name": "show",
+        "signature": "(options: ShowOptions) => Promise<void>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "ShowOptions"
+          }
+        ],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "Show the native tab bar with the given configuration",
+        "complexTypes": [
+          "ShowOptions"
+        ],
+        "slug": "show"
+      },
+      {
+        "name": "hide",
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "Hide the tab bar",
+        "complexTypes": [],
+        "slug": "hide"
+      },
+      {
+        "name": "setSelectedTab",
+        "signature": "(options: SetSelectedTabOptions) => Promise<void>",
+        "parameters": [
+          {
+            "name": "options",
+            "docs": "",
+            "type": "SetSelectedTabOptions"
+          }
+        ],
+        "returns": "Promise<void>",
+        "tags": [],
+        "docs": "Programmatically set the selected tab",
+        "complexTypes": [
+          "SetSelectedTabOptions"
+        ],
+        "slug": "setselectedtab"
+      },
+      {
+        "name": "getState",
+        "signature": "() => Promise<GetStateResult>",
+        "parameters": [],
+        "returns": "Promise<GetStateResult>",
+        "tags": [],
+        "docs": "Get current state: visible and active tab id",
+        "complexTypes": [
+          "GetStateResult"
+        ],
+        "slug": "getstate"
+      },
+      {
+        "name": "addListener",
+        "signature": "(eventName: 'tabChange', listenerFunc: (event: TabChangeEvent) => void) => Promise<{ remove: () => Promise<void>; }>",
+        "parameters": [
+          {
+            "name": "eventName",
+            "docs": "",
+            "type": "'tabChange'"
+          },
+          {
+            "name": "listenerFunc",
+            "docs": "",
+            "type": "(event: TabChangeEvent) => void"
+          }
+        ],
+        "returns": "Promise<{ remove: () => Promise<void>; }>",
+        "tags": [],
+        "docs": "Add listener for tab change events (when user taps a tab)",
+        "complexTypes": [
+          "TabChangeEvent"
+        ],
+        "slug": "addlistenertabchange-"
+      }
+    ],
+    "properties": []
+  },
+  "interfaces": [
+    {
+      "name": "ShowOptions",
+      "slug": "showoptions",
+      "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": [],
+      "properties": [
+        {
+          "name": "tabs",
+          "tags": [],
+          "docs": "Array of tab items to display",
+          "complexTypes": [
+            "TabItem"
+          ],
+          "type": "TabItem[]"
+        },
+        {
+          "name": "selectedId",
+          "tags": [],
+          "docs": "ID of the initially selected tab",
+          "complexTypes": [],
+          "type": "string"
+        },
+        {
+          "name": "label_color",
+          "tags": [],
+          "docs": "Label color for inactive tabs (hex, e.g. \"#000000\"). Default: black",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "label_color_active",
+          "tags": [],
+          "docs": "Label color for selected tab (hex, e.g. \"#007AFF\"). Default: blue",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "TabItem",
+      "slug": "tabitem",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "id",
+          "tags": [],
+          "docs": "Unique identifier for the tab. Used for bundle assets: {id}.png, {id}_active.png",
+          "complexTypes": [],
+          "type": "string"
+        },
+        {
+          "name": "label",
+          "tags": [],
+          "docs": "Display label",
+          "complexTypes": [],
+          "type": "string"
+        },
+        {
+          "name": "base64_icon",
+          "tags": [],
+          "docs": "Base64-encoded image for inactive state. If set, overrides bundle assets",
+          "complexTypes": [],
+          "type": "string | undefined"
+        },
+        {
+          "name": "base64_active_icon",
+          "tags": [],
+          "docs": "Base64-encoded image for active/selected state. If set, overrides bundle assets",
+          "complexTypes": [],
+          "type": "string | undefined"
+        }
+      ]
+    },
+    {
+      "name": "SetSelectedTabOptions",
+      "slug": "setselectedtaboptions",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "tabId",
+          "tags": [],
+          "docs": "ID of the tab to select",
+          "complexTypes": [],
+          "type": "string"
+        }
+      ]
+    },
+    {
+      "name": "GetStateResult",
+      "slug": "getstateresult",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "visible",
+          "tags": [],
+          "docs": "Whether the tab bar is currently shown",
+          "complexTypes": [],
+          "type": "boolean"
+        },
+        {
+          "name": "activeTabId",
+          "tags": [],
+          "docs": "ID of the active/selected tab (empty when hidden)",
+          "complexTypes": [],
+          "type": "string"
+        }
+      ]
+    },
+    {
+      "name": "TabChangeEvent",
+      "slug": "tabchangeevent",
+      "docs": "",
+      "tags": [],
+      "methods": [],
+      "properties": [
+        {
+          "name": "tabId",
+          "tags": [],
+          "docs": "ID of the newly selected tab",
+          "complexTypes": [],
+          "type": "string"
+        }
+      ]
+    }
+  ],
+  "enums": [],
+  "typeAliases": [],
+  "pluginConfigs": []
+}

package/dist/esm/definitions.d.ts

@@ -0,0 +1,63 @@
+export interface TabItem {
+    /** Unique identifier for the tab. Used for bundle assets: {id}.png, {id}_active.png */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Base64-encoded image for inactive state. If set, overrides bundle assets */
+    base64_icon?: string;
+    /** Base64-encoded image for active/selected state. If set, overrides bundle assets */
+    base64_active_icon?: string;
+}
+/**
+ * Icons: 2 variants (base64 has priority over bundle)
+ *
+ * 1) **Base64** – if `base64_icon` / `base64_active_icon` are set, they are used.
+ *
+ * 2) **Bundle assets** – if base64 not set, icons are loaded from native resources:
+ *
+ * **Android** – `android/app/src/main/res/drawable/`:
+ *   - `{id}.png` or `{id}.xml` – inactive icon
+ *   - `{id}_active.png` or `{id}_active.xml` – active icon
+ *
+ * **iOS** – Assets.xcassets: Image Set `{id}` and `{id}_active`.
+ *
+ * If an icon is missing, a placeholder is shown.
+ */
+export interface ShowOptions {
+    /** Array of tab items to display */
+    tabs: TabItem[];
+    /** ID of the initially selected tab */
+    selectedId: string;
+    /** Label color for inactive tabs (hex, e.g. "#000000"). Default: black */
+    label_color?: string;
+    /** Label color for selected tab (hex, e.g. "#007AFF"). Default: blue */
+    label_color_active?: string;
+}
+export interface SetSelectedTabOptions {
+    /** ID of the tab to select */
+    tabId: string;
+}
+export interface TabChangeEvent {
+    /** ID of the newly selected tab */
+    tabId: string;
+}
+export interface GetStateResult {
+    /** Whether the tab bar is currently shown */
+    visible: boolean;
+    /** ID of the active/selected tab (empty when hidden) */
+    activeTabId: string;
+}
+export interface CapTabbarPlugin {
+    /** Show the native tab bar with the given configuration */
+    show(options: ShowOptions): Promise<void>;
+    /** Hide the tab bar */
+    hide(): Promise<void>;
+    /** Programmatically set the selected tab */
+    setSelectedTab(options: SetSelectedTabOptions): Promise<void>;
+    /** Get current state: 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<{
+        remove: () => Promise<void>;
+    }>;
+}

package/dist/esm/definitions.js

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

package/dist/esm/definitions.js.map

@@ -0,0 +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"]}

package/dist/esm/index.d.ts

@@ -0,0 +1,4 @@
+import type { CapTabbarPlugin } from './definitions';
+declare const CapTabbar: CapTabbarPlugin;
+export * from './definitions';
+export { CapTabbar };

package/dist/esm/index.js

@@ -0,0 +1,7 @@
+import { registerPlugin } from '@capacitor/core';
+const CapTabbar = registerPlugin('CapTabbar', {
+    web: () => import('./web').then((m) => new m.CapTabbarWeb()),
+});
+export * from './definitions';
+export { CapTabbar };
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,SAAS,GAAG,cAAc,CAAkB,WAAW,EAAE;IAC7D,GAAG,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC;CAC7D,CAAC,CAAC;AAEH,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,SAAS,EAAE,CAAC","sourcesContent":["import { registerPlugin } from '@capacitor/core';\n\nimport type { CapTabbarPlugin } from './definitions';\n\nconst CapTabbar = registerPlugin<CapTabbarPlugin>('CapTabbar', {\n  web: () => import('./web').then((m) => new m.CapTabbarWeb()),\n});\n\nexport * from './definitions';\nexport { CapTabbar };\n"]}

package/dist/esm/web.d.ts

@@ -0,0 +1,19 @@
+import { WebPlugin } from '@capacitor/core';
+import type { CapTabbarPlugin, GetStateResult, ShowOptions, SetSelectedTabOptions } from './definitions';
+export declare class CapTabbarWeb extends WebPlugin implements CapTabbarPlugin {
+    private tabBarContainer;
+    private tabItems;
+    private selectedId;
+    private labelColor;
+    private labelColorActive;
+    private tabElements;
+    show(options: ShowOptions): Promise<void>;
+    hide(): Promise<void>;
+    setSelectedTab(options: SetSelectedTabOptions): Promise<void>;
+    getState(): Promise<GetStateResult>;
+    private base64ToDataUrl;
+    private removeTabBar;
+    private createTabBar;
+    private handleTabClick;
+    private updateTabBarSelection;
+}