@flexilla/tabs - npm Package Compare versions

Comparing version 2.0.3 to 2.0.4

dist/index.d.ts

@@ -0,1 +1,3 @@
+export declare const fTabs: (tabs: string | HTMLElement, options?: TabsOptions) => Tabs;
+
 declare type IndicatorOptions = {
@@ -2,0 +4,0 @@ className?: string;

dist/tabs.js

@@ -22,3 +22,3 @@ var M = Object.defineProperty;
 }, N = "true", S = "false", I = "inactive", y = "active", V = "horizontal", m = "vertical";
-const R = "cubic-bezier(.48,1.55,.28,1)", _ = { className: "", transformDuration: 0, transformEasing: "" }, $ = ({ activeTabTrigger: a, indicatorClassName: t, tabsOrientation: e, tabList: n }) => {
+const R = "cubic-bezier(.48,1.55,.28,1)", $ = { className: "", transformDuration: 0, transformEasing: "" }, _ = ({ activeTabTrigger: a, indicatorClassName: t, tabsOrientation: e, tabList: n }) => {
   if (!t || t === "")
@@ -102,8 +102,8 @@ return;
   if (d instanceof HTMLElement) {
-    const T = f("[data-tab-list-wrapper]", d) || d, u = f("[data-tab-list]", T), p = u.querySelector("[data-tabs-trigger][data-state=active]"), P = u.querySelector("span[data-tab-indicator]");
-    P instanceof HTMLSpanElement && p instanceof HTMLElement && !d.hasAttribute("data-nested-indicator-seteled") && (d.setAttribute("data-nested-indicator-seteled", ""), F({
+    const T = f("[data-tab-list-wrapper]", d) || d, u = f("[data-tab-list]", T), p = u.querySelector("[data-tabs-trigger][data-state=active]"), x = u.querySelector("span[data-tab-indicator]");
+    x instanceof HTMLSpanElement && p instanceof HTMLElement && !d.hasAttribute("data-nested-indicator-seteled") && (d.setAttribute("data-nested-indicator-seteled", ""), F({
       tabsOrientation: o,
       indicatorTransformDuration: s,
       indicatorTransformEaseing: h,
-      indicator: P,
+      indicator: x,
       triggerElement: p,
@@ -183,3 +183,3 @@ tabList: u
       throw new Error("Please Provide a valid HTMLElement for the tabs component");
-    this.tabsElement = n, this.panelsContainer = f("[data-panels-container]", this.tabsElement) || this.tabsElement, this.options = e, this.indicatorOptions = this.options.indicatorOptions || _;
+    this.tabsElement = n, this.panelsContainer = f("[data-panels-container]", this.tabsElement) || this.tabsElement, this.options = e, this.indicatorOptions = this.options.indicatorOptions || $;
     const { orientation: o, defaultValue: s, animationOnShow: h } = this.options;
@@ -239,3 +239,3 @@ this.defaultTabValue = s || this.tabsElement.dataset.defaultValue || this.getDefActivePanelValue(this.panelsContainer) || "", this.tabsOrientation = o || this.tabsElement.dataset.orientation || V, this.showAnimation = h || this.tabsElement.dataset.showAnimation || "";
       this.attachTriggerEvents(u);
-    $({
+    _({
       activeTabTrigger: i,
@@ -273,5 +273,7 @@ indicatorClassName: c,
 });
-let x = L;
+let P = L;
+const Y = (a, t = {}) => new P(a, t);
 export {
-  x as Tabs
+  P as Tabs,
+  Y as fTabs
 };

package.json

 {
   "name": "@flexilla/tabs",
   "private": false,
-  "version": "2.0.3",
+  "version": "2.0.4",
   "type": "module",
@@ -66,3 +66,4 @@ "description": "A versatile tabs component for organizing content in a tabbed interface, enhancing user navigation.",
   "license": "MIT",
-  "author": "johnkat-mj"
+  "author": "johnkat-mj",
+  "gitHead": "98932fa7279389be90368e974e58fab0fb1ba654"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

26166

increased by0.67%

Lines of code

368

increased by0.82%

No dependency changes