import { PropertyValueMap } from "lit"; import { FRoot } from "../../mixins/components/f-root/f-root"; import { FDiv } from "../f-div/f-div"; export type FTabNodeWidthProp = "fill" | "hug-content" | `${number}`; export declare class FTab extends FRoot { /** * css loaded from scss file */ static styles: import("lit").CSSResult[]; /** * id selecteor for f-tab-section */ tabSection: FDiv; /** * local state for showing and vanishing scroll-icons */ showScrollIcons: boolean; /** * localState to check whether on overflow, scroll exists or not */ isOverflowing: boolean; /** * @attribute Variants are various representations of f-tab. f-tab can have filled tabs, or transparent tabs. */ variant?: "fill" | "transparent"; /** * @attribute Vertical tabs can be enabled using direction property. By default tabs are horizontal. */ direction: "horizontal" | "vertical"; /** * @attribute The alignment property aligns a f-tab content with respect to the parent container. For horizontal f-tab, content can align to left, center, or right. For vertical f-tab, content can align to top, middle, or bottom. */ alignment?: "left" | "right" | "center" | "top" | "bottom" | "middle"; /** * @attribute width of `f-tab-node` */ nodeWidth?: FTabNodeWidthProp; /** * return alignment of the tabs according to the scroll-bar and directions+alignment conditions. */ get tabsAlignment(): "top-left" | "top-center" | "top-right" | "middle-left" | "bottom-left"; /** * * @param e MouseEvtn * @param position name of the position * @param positionValue value of the position */ handleScroll(e: MouseEvent, position: "left" | "top", positionValue: number): void; /** * @return return true/false according to the scroll present in the tab view or not. */ checkOverflowing(): boolean; render(): import("lit-html").TemplateResult<1>; protected updated(changedProperties: PropertyValueMap | Map): void; } /** * Required for typescript */ declare global { interface HTMLElementTagNameMap { "f-tab": FTab; } }