From e684d337eea54381fb6a29e5c7150a831a208785 Mon Sep 17 00:00:00 2001
From: Matt Mo <matt@montoyatech.com>
Date: Wed, 20 Oct 2021 10:07:43 -0700
Subject: [PATCH] Added changeTab function to aid in switching tabs outside of
the TabLink.
---
ignite-html-tabs.js | 16 +++++++++++++++-
1 file changed, 15 insertions(+), 1 deletion(-)
diff --git a/ignite-html-tabs.js b/ignite-html-tabs.js
index f931d5f..b98d474 100644
--- a/ignite-html-tabs.js
+++ b/ignite-html-tabs.js
@@ -136,8 +136,22 @@ class TabLinkTemplate extends IgniteTemplate {
}
}
+/**
+ * Fires a change tab event that will cause the given tab to become active.
+ * @param {String} name The name of the tab to change to.
+ * @param {String} group The name of the tab group if applicable.
+ */
+function changeTab(name, group = null) {
+ var changeEvent = new Event("tabchange");
+ changeEvent.name = name;
+ changeEvent.group = group;
+
+ window.dispatchEvent(changeEvent);
+}
+
customElements.define("tab-link", TabLink);
export {
- TabLinkTemplate as TabLink
+ TabLinkTemplate as TabLink,
+ changeTab as changeTab
}
\ No newline at end of file