import * as _ng_nest_ui_core from '@ng-nest/ui/core';
import { XIdentityProperty, XDataArray, XJustify, XTrigger, XBoolean, XSize, XNumber, XTemplate, XConfigService } from '@ng-nest/ui/core';
import * as _angular_core from '@angular/core';
import { TemplateRef, ElementRef, OnDestroy, AfterViewInit } from '@angular/core';
import { XSliderComponent } from '@ng-nest/ui/slider';
import { RouterLink, Router } from '@angular/router';

/**
 * Tabs
 * @selector x-tabs
 * @decorator component
 */
declare const XTabsPrefix = "x-tabs";
declare const XTabsProperty_base: new () => {
    config: _ng_nest_ui_core.XTabsConfig | undefined;
};
/**
 * Tabs Property
 */
declare class XTabsProperty extends XTabsProperty_base {
    /**
     * @zh_CN Data 数据
     * @en_US Data
     */
    readonly data: _angular_core.InputSignalWithTransform<XTabsNode[], XDataArray<XTabsNode>>;
    /**
     * @zh_CN 对齐方式
     * @en_US Alignment
     */
    readonly justify: _angular_core.InputSignal<XJustify>;
    /**
     * @zh_CN 样式
     * @en_US Style
     */
    readonly type: _angular_core.InputSignal<XTabsType>;
    /**
     * @zh_CN 布局方式
     * @en_US Layout
     */
    readonly layout: _angular_core.InputSignal<XTabsLayout>;
    /**
     * @zh_CN 触发方式
     * @en_US Trigger mode
     */
    readonly trigger: _angular_core.InputSignal<XTrigger>;
    /**
     * @zh_CN 激活的序号
     * @en_US Activation number
     */
    readonly activatedIndex: _angular_core.ModelSignal<number>;
    /**
     * @zh_CN 动画
     * @en_US Animation
     */
    readonly animated: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 节点模板
     * @en_US Node template
     */
    readonly nodeTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
    /**
     * @zh_CN 尺寸
     * @en_US Size
     */
    readonly size: _angular_core.InputSignal<XSize>;
    /**
     * @zh_CN 节点排列方式
     * @en_US Node arrangement
     */
    readonly nodeJustify: _angular_core.InputSignal<XJustify | undefined>;
    /**
     * @zh_CN 隐藏标签栏，只有一个标签页时候默认隐藏（存在自定义操作模版的时候不会）
     * @en_US Hide the label bar, there is only one tab, the default hidden
     */
    readonly sliderHidden: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 标签栏上的自定义操作模版
     * @en_US Custom template on the label bar
     */
    readonly actionTpl: _angular_core.InputSignal<TemplateRef<any> | undefined>;
    /**
     * @zh_CN 标签页显示不下的时候显示展开所有的按钮，布局为 top 、bottom 的时候生效
     * @en_US When the node is not displayed, display all the buttons, and the arrangement is effective when the arrangement is row
     */
    readonly showExpand: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 展开所有弹框的最大高度
     * @en_US Expand the maximum height of all bomb frames
     */
    readonly expandMaxHeight: _angular_core.InputSignalWithTransform<string, XNumber>;
    /**
     * @zh_CN angular 路由联动
     * @en_US Link angular router
     */
    readonly linkRouter: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 以严格匹配模式确定联动的路由
     * @en_US Determine the linked route in strict matching mode
     */
    readonly linkExact: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    /**
     * @zh_CN 标签切换变化的事件
     * @en_US Label switching event
     */
    readonly indexChange: _angular_core.OutputEmitterRef<XActivatedTab>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabsProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTabsProperty, "x-tabs-property", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "justify": { "alias": "justify"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "activatedIndex": { "alias": "activatedIndex"; "required": false; "isSignal": true; }; "animated": { "alias": "animated"; "required": false; "isSignal": true; }; "nodeTpl": { "alias": "nodeTpl"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "nodeJustify": { "alias": "nodeJustify"; "required": false; "isSignal": true; }; "sliderHidden": { "alias": "sliderHidden"; "required": false; "isSignal": true; }; "actionTpl": { "alias": "actionTpl"; "required": false; "isSignal": true; }; "showExpand": { "alias": "showExpand"; "required": false; "isSignal": true; }; "expandMaxHeight": { "alias": "expandMaxHeight"; "required": false; "isSignal": true; }; "linkRouter": { "alias": "linkRouter"; "required": false; "isSignal": true; }; "linkExact": { "alias": "linkExact"; "required": false; "isSignal": true; }; }, { "activatedIndex": "activatedIndexChange"; "indexChange": "indexChange"; }, never, never, true, never>;
}
/**
 * @zh_CN Tabs 数据对象
 * @en_US Tabs data object
 */
interface XTabsNode extends XIdentityProperty {
    /**
     * @zh_CN 禁用节点
     * @en_US Node disabled
     */
    disabled?: boolean;
    /**
     * @zh_CN 自定义属性
     * @en_US Custom properties
     */
    [property: string]: any;
}
/**
 * @zh_CN 触发方式
 * @en_US Trigger method
 */
type XTabsTrigger = XTrigger;
/**
 * @zh_CN 激活的tab
 * @en_US Active tab
 */
interface XActivatedTab {
    activatedIndex?: number;
    activatedTab?: XTabsNode;
}
/**
 * @zh_CN 样式类型
 * @en_US Style type
 */
type XTabsType = 'block' | 'tag' | 'card';
/**
 * @zh_CN 布局方式
 * @en_US Layout
 */
type XTabsLayout = 'top' | 'right' | 'bottom' | 'left';
/**
 * Tab
 * @selector x-tab
 * @decorator component
 */
declare const XTabPrefix = "x-tab";
/**
 * Tab Property
 */
declare class XTabProperty {
    /**
     * @zh_CN 标签名称，支持自定义模板
     * @en_US Label name, support custom template
     */
    readonly label: _angular_core.InputSignal<XTemplate | undefined>;
    /**
     * @zh_CN 禁用
     * @en_US Disabeld
     */
    readonly disabled: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabProperty, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTabProperty, "x-tab-property", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class XTabLinkTemplateDirective {
    templateRef: TemplateRef<void>;
    constructor(templateRef: TemplateRef<void>);
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabLinkTemplateDirective, [{ host: true; }]>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XTabLinkTemplateDirective, "ng-template[xTabLink]", ["xTabLinkTemplate"], {}, {}, never, never, true, never>;
}
declare class XTabLinkDirective {
    elementRef: ElementRef;
    routerLink?: RouterLink | undefined;
    routerLinkWithHref?: RouterLink | undefined;
    constructor(elementRef: ElementRef, routerLink?: RouterLink | undefined, routerLinkWithHref?: RouterLink | undefined);
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabLinkDirective, [null, { optional: true; self: true; }, { optional: true; self: true; }]>;
    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<XTabLinkDirective, "a[x-tab-link]", ["xTabLink"], {}, {}, never, never, true, never>;
}

declare class XTabComponent extends XTabProperty {
    content: _angular_core.Signal<TemplateRef<any> | undefined>;
    linkTemplateDirective: _angular_core.Signal<XTabLinkTemplateDirective | undefined>;
    linkDirective: _angular_core.Signal<XTabLinkDirective | undefined>;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTabComponent, "x-tab", never, {}, {}, ["linkTemplateDirective", "linkDirective"], ["[x-tab-link]", "*"], true, never>;
}

declare class XTabsComponent extends XTabsProperty implements OnDestroy, AfterViewInit {
    sliderLayout: _angular_core.Signal<"row" | "column">;
    private unSubject;
    private resizeObserver;
    listTabs: _angular_core.Signal<readonly XTabComponent[]>;
    tabs: _angular_core.Signal<XTabsNode[]>;
    slider: _angular_core.Signal<XSliderComponent | undefined>;
    actionsRef: _angular_core.Signal<ElementRef<any> | undefined>;
    private renderer;
    private router;
    configService: XConfigService;
    classMap: _angular_core.Signal<{
        [x: string]: boolean;
        "x-tabs-is-first": boolean;
        "x-tabs-is-last": boolean;
    }>;
    nodeJustifySignal: _angular_core.Signal<_ng_nest_ui_core.XJustify | undefined>;
    sliderHiddenSignal: _angular_core.Signal<boolean>;
    ngOnDestroy(): void;
    ngAfterViewInit(): void;
    setSliderWidth(): void;
    setRouter(): void;
    updateRouterActive(): void;
    findShouldActiveTabIndex(): number;
    isLinkActive(router: Router): (link?: RouterLink | RouterLink) => boolean;
    activatedChange(index: number): void;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabsComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTabsComponent, "x-tabs", never, {}, {}, ["listTabs"], never, true, never>;
}

declare class XTabContentComponent {
    content: _angular_core.InputSignal<TemplateRef<any> | undefined>;
    active: _angular_core.InputSignalWithTransform<boolean, XBoolean>;
    _has: boolean;
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabContentComponent, never>;
    static ɵcmp: _angular_core.ɵɵComponentDeclaration<XTabContentComponent, "x-tab-content", never, { "content": { "alias": "content"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}

declare class XTabsModule {
    static ɵfac: _angular_core.ɵɵFactoryDeclaration<XTabsModule, never>;
    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<XTabsModule, never, [typeof XTabsComponent, typeof XTabComponent, typeof XTabLinkDirective, typeof XTabLinkTemplateDirective], [typeof XTabsComponent, typeof XTabComponent, typeof XTabLinkDirective, typeof XTabLinkTemplateDirective]>;
    static ɵinj: _angular_core.ɵɵInjectorDeclaration<XTabsModule>;
}

export { XTabComponent, XTabContentComponent, XTabLinkDirective, XTabLinkTemplateDirective, XTabPrefix, XTabProperty, XTabsComponent, XTabsModule, XTabsPrefix, XTabsProperty };
export type { XActivatedTab, XTabsLayout, XTabsNode, XTabsTrigger, XTabsType };