@fluid-topics/ft-tabs 0.3.71 → 1.0.0-alpha.0

package/build/ft-tab.css.d.ts

@@ -1,2 +1 @@
 export declare const FtTabCssVariables: {};
-//# sourceMappingURL=ft-tab.css.d.ts.map

package/build/ft-tab.css.js

@@ -1,2 +1 @@
 export const FtTabCssVariables = {};
-//# sourceMappingURL=ft-tab.css.js.map

package/build/ft-tab.d.ts

@@ -6,7 +6,7 @@ export declare class FtTab extends FtLitElement implements FtTabProperties {
     static elementDefinitions: ElementDefinitionsMap;
     label: string;
     icon: string;
-    iconVariant: FtIconVariants;
+    iconVariant?: FtIconVariants;
     active: boolean;
     disabled: boolean;
     private readonly uniqueId;
@@ -17,4 +17,3 @@ export declare class FtTab extends FtLitElement implements FtTabProperties {
     protected render(): unknown;
     protected updated(props: PropertyValues): void;
 }
-//# sourceMappingURL=ft-tab.d.ts.map

package/build/ft-tab.js

@@ -7,13 +7,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { FtLitElement } from "@fluid-topics/ft-wc-utils";
 import { html, unsafeCSS } from "lit";
 import { property } from "lit/decorators.js";
-import { FtIconVariants } from "@fluid-topics/ft-icon/build/ft-icon.properties";
-export class FtTab extends FtLitElement {
+class FtTab extends FtLitElement {
     constructor() {
         super(...arguments);
         this.label = "";
         this.icon = "";
-        this.iconVariant = FtIconVariants.material;
         this.active = false;
         this.disabled = false;
         this.uniqueId = ("" + Math.floor(Math.random() * 100000)).padStart(5, "0");
@@ -65,4 +63,4 @@ __decorate([
 __decorate([
     property({ reflect: true, attribute: "aria-labelledby" })
 ], FtTab.prototype, "ariaLabelledBy", void 0);
-//# sourceMappingURL=ft-tab.js.map
+export { FtTab };

package/build/ft-tab.properties.d.ts

@@ -7,4 +7,3 @@ export interface FtTabProperties {
     rippleColor?: string;
     iconVariant?: FtIconVariants;
 }
-//# sourceMappingURL=ft-tab.properties.d.ts.map

package/build/ft-tab.properties.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=ft-tab.properties.js.map

package/build/ft-tabs.css.d.ts

@@ -5,4 +5,3 @@ export declare const FtTabsCssVariables: {
     colorOnSurfaceDisabled: import("@fluid-topics/ft-wc-utils").FtCssVariable;
 };
 export declare const styles: import("lit").CSSResult;
-//# sourceMappingURL=ft-tabs.css.d.ts.map

package/build/ft-tabs.css.js

@@ -101,4 +101,3 @@ export const styles = css `
         overflow: auto;
     }
 `;
-//# sourceMappingURL=ft-tabs.css.js.map

package/build/ft-tabs.d.ts

@@ -26,4 +26,3 @@ export declare class FtTabs extends FtLitElement implements FtTabsProperties {
     private updateTabs;
     private addTooltipIfNecessary;
 }
-//# sourceMappingURL=ft-tabs.d.ts.map

package/build/ft-tabs.js

@@ -21,7 +21,7 @@ export class IndexChangeEvent extends CustomEvent {
         super("index-change", { detail: index });
     }
 }
-export class FtTabs extends FtLitElement {
+class FtTabs extends FtLitElement {
     constructor() {
         super(...arguments);
         this.dense = false;
@@ -30,7 +30,9 @@ export class FtTabs extends FtLitElement {
         this.ftTabs = [];
         this.activeIndex = 0;
         this.updateDebouncer = new Debouncer(20);
-        this.scheduleRequestUpdate = () => this.updateDebouncer.run(() => this.requestUpdate());
+        this.scheduleRequestUpdate = () => this.updateDebouncer.run(() => {
+            this.requestUpdate();
+        });
         this.resizeObserver = new ResizeObserver(() => this.placeIndicator());
     }
     render() {
@@ -65,7 +67,7 @@ export class FtTabs extends FtLitElement {
                                                style="${(tab.color || tab.rippleColor) ? `--ft-ripple-color: ${tab.color || tab.rippleColor};` : ""}"></ft-ripple>
                                     <ft-icon class="ft-tabs--tab-icon"
                                              part="tab-icon${tab.active ? " active-tab-icon" : ""}"
-                                             variant="${tab.iconVariant}">
+                                             .variant=${tab.iconVariant}>
                                         ${tab.icon}
                                     </ft-icon>
                                     <ft-typography class="ft-tabs--tab-label"
@@ -97,7 +99,7 @@ export class FtTabs extends FtLitElement {
     }
     updated(props) {
         super.updated(props);
-        if (props.has("tabs") || props.has("activeIndex")) {
+        if (props.has("ftTabs") || props.has("activeIndex")) {
             this.updateTabs();
         }
         if (props.has("activeIndex")) {
@@ -177,4 +179,4 @@ __decorate([
 __decorate([
     property({ type: Number, reflect: true })
 ], FtTabs.prototype, "activeIndex", void 0);
-//# sourceMappingURL=ft-tabs.js.map
+export { FtTabs };